对于使用要设置的指定属性输入的所有标记，例如，attribute checked = false？

Question

将标签输入type =“radio”与其属性data-group：

放在一起

<input type="radio" id="id1" data-group="group1">
<input type="radio" id="id2" data-group="group1"><br>
<input type="radio" id="id3" data-group="group2">
<input type="radio" id="id4" data-group="group2"><br>

输入type="radio"的所有元素（数据组“group1”）如何设置checked=false？

Answer 1

您可以使用属性选择器：

$('input[type="radio"][data-group="group1"]').prop('checked', false);

或filter()：

$('input[type="radio"]').filter(function() {
    return $(this).data('group') == 'group1';
}).prop('checked', false);

Answer 2

分组单选按钮的最佳方法是使用name属性;然后，浏览器会将它们组合在一起，当您检查同一组中的另一个成员时，取消选中其他成员。这是input[type=radio]：

的目的

＆＃13;

＆＃13;

<input type="radio" id="id1" name="group1">
<input type="radio" id="id2" name="group1"><br>
<input type="radio" id="id3" name="group2">
<input type="radio" id="id4" name="group2"><br>

＆＃13;

＆＃13;

＆＃13;

如果你想取消选中所有name="group1"个，那么：

$("input[type=radio][name=group1]").prop("checked", false);

---

但是如果你想使用你当前的结构，并且你要求如何将它们全部取消选中，那么你可以使用一个属性选择器：

$("input[type=radio][data-group=group1]").prop("checked", false);