禁用带下拉列表的单选按钮

Question

如何点击时禁用单选按钮？

和其他具有相同位置名称的单选按钮。

这是用于获取下拉列表中的值的提交按钮

    <form name="fmNames" id="fmNames" method="post" action="vote.php" 
 onSubmit="return positionValidate(this)">
<tr>
   <td>Choose Position</td>
    <td><SELECT NAME="position" id="position" onclick="getPosition(this.value)">
      <OPTION VALUE="select">select
     <?php 
     //loop through all table rows
    while ($row=mysql_fetch_array($positions)){
     echo "<OPTION VALUE=$row[position_name]>$row[position_name]"; 
    //mysql_free_result($positions_retrieved);
     //mysql_close($link);
     }
     ?>
    </SELECT></td>
    <td><input type="submit" name="Submit" value="See Candidates" /></td>
 </tr>
 <tr>
    <td>&nbsp;</td> 
     <td>&nbsp;</td>
 </tr>
</form> 

这是单选按钮

  if (isset($_POST['Submit']))
  {
 echo "<td><input type='radio' name='vote' value='$row[candidate_name]' 
 onclick='getVote(this.value)' /></td>";
 }

Answer 1

指定具有相同名称的所有单选按钮。可能是"radios"。现在，在javascript中使用他们的名字获取所有单选按钮并循环。您需要执行以下代码OnSubmit。

var radios=document.getElementsByName("radios");

for (var i=0, iLen=radios.length; i<iLen; i++) {
  radios[i].disabled = true;
}