jQuery - 如何选择所有复选框除了特定的复选框？

Question

我有一个看起来像这样的jQuery选择器......

$("input:checkbox").click(function(event) {
  // DO STUFF HERE
}

一切都运行良好，直到我被要求添加另一个与原始复选框无关的复选框。如何为除一个复选框之外的所有复选框创建选择器？谢谢。

Answer 1

$('input:checkbox:not("#thatCheckboxId")').click(function(event) {
  // DO STUFF HERE
}

只需向相关复选框提供唯一的id=""

即可

Answer 2

您可以执行以下操作：

$("input:checkbox").not(":eq(0)")

将“0”作为所需复选框的索引（在本例中为DOM上的第一个）

Answer 3

嗯..我们需要了解有关特定答案的HTML的更多信息，但我可以想到两种方法。

1）如果你知道你不想要的那个名字，那么用not删除那个

$("input:checkbox").not('#the_new_checkbox_id').click(function(event) {
  // DO STUFF HERE
}

2）使用正确输入共有的东西来选择它们。

$("input:checkbox[name=whatItIsNamed]").click(function(event) {
  // DO STUFF HERE
}

Answer 4

如果所有复选框都在另一个元素中，则可以选择该元素中的所有复选框。

以下是一个包​​含一个父元素的示例。

<div class="test"><input type="checkbox"><input type="checkbox"></div>

下面的jQuery也适用于多个div：

<div class="test"><input type="checkbox"><input type="checkbox"></div>
<div class="test"><input type="checkbox"><input type="checkbox"></div>

jQuery的：

$('.test input:checkbox')

只选择带有“test”类的任何元素中的复选框。

-Sunjay03