选择多个单选按钮

问题描述：

好吧我在php中有一个for循环，它为一个人生成一组单选按钮，组中的每个单选按钮都具有相同的名称。选择多个单选按钮

for ($i = 0; $i < $count; $i++) { 
      echo '<tr>'; 
      echo '<td>' . $something[$i] . '</td>'; 
      echo '<td align="center"><input class="one" type="radio" name="' . $i . '" value="1"/></td>'; 
      echo '<td align="center"><input class="half" type="radio" name="' . $i . '" value="0.5"/></td>'; 
      echo '<td align="center"><input class="zero" type="radio" name="' . $i . '" value="0" checked="checked"/></td>'; 
      echo '<td align="center"><input class="inactive" type="radio" name="' . $i . '" value="null"/></td>'; 
      echo '</tr>'; 
     }

我希望能够通过单击链接/按钮来选择/检查具有相同类别的所有单选按钮。变量$count将每隔几天更改一次，所以我不知道会有多少个不同的无线电组。我正在寻找这个希望在javascript中

答

好，我得到了我想通了，在这里，

  $(document).ready(function() { 

      // select all radio buttons in the "one" column (.one class) 
      $('#select_all_one').click(function(){ 
       $("input[class=one]").each(function(){ 
        this.checked = true; 
       }); 
      }); 

      // select all radio buttons in the "half" column (.half class) 
      $('#select_all_half').click(function(){ 
       $("input[class=half]").each(function(){ 
        this.checked = true; 
       }); 
      }); 

      // select all radio buttons in the "zero" column (.zero class) 
      $('#select_all_zero').click(function(){ 
       $("input[class=zero]").each(function(){ 
        this.checked = true; 
       }); 
      }); 

      // select all radio buttons in the "inactive" column (.inactive class) 
      $('#select_all_inactive').click(function(){ 
       $("input[class=inactive]").each(function(){ 
        this.checked = true; 
       }); 
      }); 


      });

，然后选择所有我使用这个链接<a id="select_all_one" name="select_all" value="all_one">电台并更改其ID和值的一半，零的名称，闲置推崇链接，一切正常完美

答

你不能这样做。单选按钮组允许单个选择。您将需要复选框才能完成此操作。

目前没有，我可以选择所有的单选按钮与相同的类（例如class =“one”），网站上的所有内容都可以正常工作，但这需要花费很多时间，因为有多少有不同的单选按钮行。单选按钮与它们的名称相关联，每个组/行都有不同的名称 – user1284381 2012-03-21 20:20:13

Ooooh，我明白了 - 您希望选择具有特定类别的不同组中的所有无线电。那不一样。你打开jQuery？使用jQuery解决方案将非常简单。 – 2012-03-21 20:22:01

你使用jQuery的解决方案是什么？我会试试看 – user1284381 2012-03-21 20:25:59

答

提供的类名称是独一无二的单选按钮，你可以这样做：

var radios = document.getElementsByTagName("INPUT"); 
for (var index = 0; index < radios.length; index++) { 
    if (radios(index).type == "radio" && 
     radios(index).className.indexOf("one") > -1) { 
     radios(index).checked = true; 
    } 
}

所有这可能是比使用getElementsById每个比getElementsByClassName方法，这是不是普遍没有更好的，但可能会更好支持，我不认为。

选择多个单选按钮

相关推荐