Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
<div class=radio_section>
    <br></br>
          <input type="radio" name="etime6.0" id="etime6.0-6.1" required>
          <dev class="labelv">
          <label for="etime6.0-dogs">ETIME source client 6.0 & 6.1 </label>
          </dev>
          <div class="reveal-if-active">
                    <label for="field1"><span class=text>Enter the Source DB Name<span class="required">*</span></span>
                    <input id="db" type="text" maxlength="8" pattern="(^((et.)|(Et.)|(ET.)).+)|(.{3}([eEtT]$))" title="Database Name starts with et (or) Ends with e or t minimum of 4 letters"  class="input-field" name="database_name" value="" /></label>
                                     <label for="field1"><span class=text>Enter Target Client name<span class="required">*</span></span>
                                    <input id="client" type="text" class="input-field" maxlength="3" pattern=".{3,}" title="3 characters minimum"  class="input-field" name="Client_name" value=""/></label>
          </div>
        </div>
     <div class=radio_section>
          <input type="radio" name="etime6.0" id="etime6.2">
           <dev class="labelv">
          <label for="etime6.0-cats">ETIME Source Client above 6.1</label>
          </dev>
          <div class="reveal-if-active">
            <label for="which-cat"></label>
                    <label for="field1"><span class=text>Enter source client name<span class="required">*</span></span>
                    <input id="client1" type="text" class="input-field" maxlength="3" pattern=".{3,}" title="3 characters minimum"  class="input-field" name="Client_name1" value=""/></label>
                                    <label for="field1"><span class=text>Enter Target Client name<span class="required">*</span></span>
                                    <input id="client" type="text" class="input-field" maxlength="3" pattern=".{3,}" title="3 characters minimum"  class="input-field" name="Client_namei2" value=""/></label>
          </div>
        </div>
    <dev class="submit">
    <label><span>&nbsp;</span><input type="submit" value="Next" /><input type="reset" value="Reset"></label>
</body>
</html>
 
var radios = document.getElementsByName('etime6.0');
​
for(var i = 0; i < radios.length; ++i){
  radios[i].addEventListener('click',function(){
      for(var i = 0; i<radios.length; i++){
        if(!radios[i].checked){
          var inputFields = radios[i].getElementsByTagName('input');
          console.log(inputFields.length);
          [].forEach.call(inputFields, function(input) {
  
              input.disabled = true;
           });
        }
      }
  });
  
}
console.log(radios.length);
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers