使用按钮id通过java脚本选择多个单选按钮 - selection multiple radio button by java script using button id

selection multiple radio button by java script using button id

所有单选按钮的名称都必须相同。所以我想用他们的使用id来调用。用id来调用他们有效吗？如果是，请帮我一下。

function selectAll( prefix, set ) {
        var form = document.forms[0], //Get the appropriate form
            i = 0,
            radio;
        while( radio = form[prefix + ++i] ) //Loop through all named radio# elements
            for( var j = 0; j < radio.length; j++ ) //Loop through each set of named radio buttons
                if( radio[j].value == (set ? "yes" : "no") ) //Selector based on value of set
                    radio[j].checked = true; //Check that radio button!



        while($row=mysqli_fetch_assoc($result))
                {
                    echo"<tr><td>{$row['roll']}</td>
                    </td><td></td><td></td><td></td><td>
                    <td><input id='file' type='radio' name='radio[$i]' value='Yes'>YES</td>
                          </td><td></td><td></td><td>
                          <td><input type='radio' name='radio[$i]' value='No'>NO</td></tr>";
                          $i++;
                }

试试这样的方法：给每个"Yes"单选按钮唯一的id，循环遍历它们，并将checked属性设置为true：

`function selectAll()
 {
  for(i = 1; i < 10; i++)
  {
   var id = "file" + i;
   var element = document.getElementById(id);
   element.checked = true;
  }
 }`

以及您的php代码：

`echo "<tr><td>$row</td>
       </td><td></td><td></td><td></td><td>
       <td><input type='radio' name='radio$i' id='file$i' value='Yes'>YES</td>
       </td><td></td><td></td><td>
       <td><input type='radio' name='radio$i' value='No'>NO</td>`</tr>";`

当然，正如其他人所建议的那样，最好的/quicekst是使用jquery。

如果您的主要关注点是选择所有单选按钮，您可以为单选按钮指定类名，并在按钮点击事件中进行检查。

我们建议使用jquery而不是javascript。您只需要包含一个jquery库，就可以在javascript代码的任何位置使用jquery代码。因为jquery是javascript的高级形式，并且易于使用。因此，在jquery中，通过简单地选择单选按钮类并选中它们，所有任务都将更好地执行。

<div id="radioList">    
    <input type="radio" class="check" />
    <input type="radio" class="check" />
    <input type="radio" class="check" />
    <input type="radio" class="check" />
    <input type="radio" class="check" />
</div>

下面jquery wll帮助

  $('.check').prop("checked", true)

或

 $('#radioList input:radio').prop("checked", true)