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

Answer 5

我使用了这个 - 不想选择以“订阅”命名的复选框，所以我使用了“$(':checkbox:not(checkbox[name=nameofyourcheckboxyoudontwantto]').each(function(){”

   $('#checked_all').click(function (event) {
    var checkbox = $(".compare_checkbox").is(":checked");
    if (checkbox) {
        // Iterate each checkbox
        $(':checkbox:not(:checkbox[name=subscription])').each(function () {

            this.checked = false;
        });
    } else {
        $(':checkbox:not(:checkbox[name=subscription])').each(function () {
            this.checked = true;
        });
    }  });

在此处输入图像描述