Question

所有单选按钮名称都相同。所以我想用他们的使用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++;
                }

Answer 1

尝试这样的事情：给每个“是”单选按钮唯一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。

Answer 2

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

Answer 3

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

Answer 4

<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 help

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

或

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

使用按钮ID通过javascript选择多个单选按钮

4 个答案: