2015-02-07 48 views
0

一個div應該只選擇一個單選按鈕,並且如果一個div選擇測試無線電比其他div選擇無線電廣播。如何使用javascript將html中的單選按鈕分組爲

<div><label>Test1<input type="radio" value="test" name="test" /></label> 
<label>Training<input type="radio" value="training" name="training" /></label> 
</div><hr /> 
<div> 
<label>Test<input type="radio" value="test" name="test" /></label> 
<label>Training<input type="radio" value="training" name="training" /></label> 
    </div> 

這裏是fiddle

+1

的'name'屬性是無線電集團,它不應該與價值的文本中使用。 – Kroltan 2015-02-07 12:48:52

+0

只有一個測試和一個訓練被選中,如果我選擇測試場第一個div比第二個div必須選擇訓練,反之亦然。 – fruitjs 2015-02-08 03:28:46

+0

你將需要JS。 – Kroltan 2015-02-09 10:45:54

回答

0

難道這就是你要找的人?

var rad = document.myForm1.myRadios; 
 
    var rad2 = document.myForm2.myRadios; 
 

 
    for(var i = 0; i < rad.length; i++) { 
 
     rad[i].onclick = function() { 
 
      if(this.value==1){ 
 
       document.getElementById('f2v2').checked = true; 
 
      } else { 
 
       document.getElementById('f2v1').checked = true; 
 
      } 
 
     } 
 
    } 
 

 
    for(var i = 0; i < rad2.length; i++) { 
 
     rad2[i].onclick = function() { 
 
      if(this.value==1){ 
 
       document.getElementById('f1v2').checked = true; 
 
      } else { 
 
       document.getElementById('f1v1').checked = true; 
 
      } 
 
     } 
 
    }
<form name="myForm1"> 
 
    Testing<input type="radio" name="myRadios" value="1" id="f1v1"/> 
 
    Training<input type="radio" name="myRadios" value="2" id="f1v2"/> 
 
</form> 
 

 
<form name="myForm2"> 
 
    Testing<input type="radio" name="myRadios" value="1" id="f2v1"/> 
 
    Training<input type="radio" name="myRadios" value="2" id="f2v2"/> 
 
</form>