Question

是否有办法对共享同一类的单选按钮进行分组。

我希望能够检查每组中的单选按钮。

目前它只允许我检查一个单选按钮（据我所知，因为同名）

是否有JQuery方式？

示例：

设置A

<input type="radio" name="item[]" class="a" value="1"><br>
<input type="radio" name="item[]" class="a" value="2"><br>
<input type="radio" name="item[]" class="a" value="3"><br>
<input type="radio" name="item[]" class="a" value="4"><br>

SET B

<input type="radio" name="item[]" class="b" value="5"><br>
<input type="radio" name="item[]" class="b" value="6"><br>
<input type="radio" name="item[]" class="b" value="7"><br>
<input type="radio" name="item[]" class="b" value="8"><br>

Answer 1

$('#container').on('click', 'input[type="radio"]', function(){
    this.name = this.className;
});

这个应该解决它。

Live DEMO

Answer 2

好的，所以你试图拥有多个数组条目，但使用1个数组。

由于html将它们解释为具有相同的名称，因此您必须自己将数字添加到数组键中。

所以这样的事情应该有用。

<input type="radio" name="item[0]" class="a" value="1" />
<input type="radio" name="item[0]" class="a" value="2" />
<input type="radio" name="item[0]" class="a" value="3" />
<input type="radio" name="item[0]" class="a" value="4" />
<input type="radio" name="item[0]" class="a" value="5" />

<input type="radio" name="item[1]" class="b" value="6" />
<input type="radio" name="item[1]" class="b" value="7" />
<input type="radio" name="item[1]" class="b" value="8" />
<input type="radio" name="item[1]" class="b" value="9" />
<input type="radio" name="item[1]" class="b" value="10" />

Answer 3

你能不能以不同方式命名这些集合？

SET A

< input type="radio" name="item1[]" class="a" value="1">
< input type="radio" name="item1[]" class="a" value="2">
< input type="radio" name="item1[]" class="a" value="3">
< input type="radio" name="item1[]" class="a" value="4">

SET B

< input type="radio" name="item2[]" class="b" value="5">
< input type="radio" name="item2[]" class="b" value="6">
< input type="radio" name="item2[]" class="b" value="7">
< input type="radio" name="item2[]" class="b" value="8">

如何基于相同的类而不是相同的名称对单选按钮进行分组

3 个答案: