如何使用 jQuery 选择除特定复选框之外的所有复选框？

如何使用 jQuery 选择除特定复选框之外的所有复选框？

在处理 jQuery 选择器时，会出现需要选择一组元素同时排除的情况其他的。在这种情况下，选择网页上存在的所有复选框，而不是特定的复选框，可以通过几行 jQuery 代码来实现。

给定一个由带有多个输入复选框的表组成的标记，其中一个具有唯一 ID 为“select_all”的复选框，目标是在选中时选择除“#select_all”复选框之外的所有复选框单击。

jQuery 代码：

要完成此操作，您可以使用以下 jQuery 代码：

$('#select_all').change(function() {
  var checkboxes = $(this).closest('form').find(':checkbox');
  checkboxes.prop('checked', $(this).is(':checked'));
});

说明：

• change 事件绑定到使用 $('#select_all').change(...) 选择器的“select_all”复选框。
• 单击复选框或其状态更改（即选中或未选中）时，事件处理函数为执行。
• $(this).closest('form').find(':checkbox');选择器检索与“select_all”复选框相同的表单中的所有复选框元素。这排除了“select_all”复选框，因为它是事件的发起者。
• prop('checked', $(this).is(':checked'));行确定是否选中“select_all”复选框。然后，它将相同的选中状态应用于表单中的所有其他复选框。

单击“select_all”复选框时，此方法可以有效地切换所有复选框的选中状态。

以上是如何使用 jQuery 选择除特定复选框之外的所有复选框？的详细内容。更多信息请关注PHP中文网其他相关文章！