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

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;
}