라디오 버튼이 기본으로 선택되지 않음

Question

고유 한 이름을 가진 라디오 버튼이 10 개 있습니다.이 라디오 버튼은 두 개의 div로 나뉩니다. 나는 각 div에 5 개의 라디오 버튼이 있고 첫 번째 라디오 버튼이 선택된 상태에서 한 번에 하나의 div 만 표시하려고한다는 것을 의미합니다. 내가 원하는 것은 보이는 div는 첫 번째 라디오 버튼이 기본적으로 선택되어 있어야합니다. 모든 라디오 버튼은 같은 페이지에서 고유 한 이름을 가지고 있습니다.

다음은 참조 할 수있는 코드입니다.

<style> 
#secondopt, #firstopt { display: none;} 
</style> 

<script> 
function checkme(){ 
if (document.getElementById("opt1").checked == true){ 
document.getElementById("firstopt").style.display = "block" 
document.getElementById("secondopt").style.display = "none"; 
} 
if (document.getElementById("opt2").checked == true){ 
document.getElementById("firstopt").style.display = "none" 
document.getElementById("secondopt").style.display = "block"; 
} 
} 
</script> 

<form name="form1"> 
<label><input type="radio" name="opt" id="opt1" onclick="checkme()" /> First opt</label> 
<label><input type="radio" name="opt" id="opt2" onclick="checkme()" /> Second Opt</label> 
<div id="firstopt"> 
<label><input type="radio" name="items" value="data1" />Item 1</label> 
<label><input type="radio" name="items" value="data2" />Item 2</label> 
<label><input type="radio" name="items" value="data3" />Item 3</label> 
<label><input type="radio" name="items" value="data4"/>Item 4</label> 
<label><input type="radio" name="items" value="data5"/>Item 5</label> 
</div> 
<div id="secondopt"> 
<label><input type="radio" name="items" value="data6"/>Item 6</label> 
<label><input type="radio" name="items" value="data7"/>Item 7</label> 
<label><input type="radio" name="items" value="data8"/>Item 8</label> 
<label><input type="radio" name="items" value="data9"/>Item 9</label> 
<label><input type="radio" name="items" value="data10"/>Item 10</label> 
</div> 
</form> 

어떻게해야합니까?

Answer 1

두 div에서 라디오 버튼을 분리 했으므로 라디오의 그룹 속성/이름 ( 버튼)을 사용해야합니다. 두 개의 서로 다른 그룹 이름을 지정하고 라디오 버튼 ID를 사용하여 selected/checked 속성을 사용합니다.

Answer 2

do this 



<form name=frmone> 
<INPUT TYPE="Radio" Name="payment" Value="CC">Credit Card 
<INPUT TYPE="Radio" Name="payment" Value="DC">Debit Card 
<INPUT TYPE="Radio" Name="payment" Value="PP">PayPal 
</form> 
<script> 
var len = document.frmOne.payment.length; 
for (i = 0; i < len; i++) { 

document.frmOne.payment[i].checked ; 
break; 

} 

</script>