在 jQuery 中查找所有未选中的复选框

Question

我有一个复选框列表：

<input type="checkbox" name="answer" id="id_1' value="1" />
<input type="checkbox" name="answer" id="id_2' value="2" />
...
<input type="checkbox" name="answer" id="id_n' value="n" />

我可以收集所有选中复选框的值； 我的问题是如何获取未选中复选框的所有值？ 我试过：

$("input:unchecked").val();

获得未选中复选框的值，但我得到：

语法错误，无法识别的表达式：未选中。

任何人都可以阐明这个问题吗？ 谢谢！

Answer 1

正如错误消息所述，jQuery 不包含:unchecked选择器。
相反，您需要反转:checked选择器：

$("input:checkbox:not(:checked)")

Answer 2

$("input:checkbox:not(:checked)")会给你未选中的框。

Answer 3

您可以通过扩展 jQuery 功能来实现。 这将缩短您必须为选择器编写的文本量。

$.extend($.expr[':'], {
        unchecked: function (obj) {
            return ((obj.type == 'checkbox' || obj.type == 'radio') && !$(obj).is(':checked'));
        }
    }
);

然后，您可以使用$("input:unchecked")来获取所有选中的复选框和单选按钮。

Answer 4

也可以通过纯js​​以这种方式实现：

var matches = document.querySelectorAll('input[type="checkbox"]:not(:checked)');

Answer 5

$("input[type='checkbox']:not(:checked):not('\#chkAll\')").map(function () { 
   var a = ""; 
   if (this.name != "chkAll") { 
      a = this.name + "|off"; 
   } 
   return a; 
}).get().join();

这将检索所有未选中的复选框并排除我用来选中|取消选中所有复选框的“chkAll”复选框。 因为我想知道我传递给数据库的值是什么，所以我将它们设置为关闭，因为复选框给了我一个打开的值。

//looking for unchecked checkboxes, but don’t include the checkbox all that checks or unchecks all checkboxes
//.map - Pass each element in the current matched set through a function, producing a new jQuery object containing the return values.

//.get - Retrieve the DOM elements matched by the jQuery object.
//.join - (javascript) joins the elements of an array into a string, and returns the string.The elements will be separated by a specified separator. The default separator is comma (,).

Answer 6

你可以这样使用：

$(":checkbox:not(:checked)")

Answer 7

要按class选择，您可以执行以下操作：

$("input.className:checkbox:not(:checked)")

Answer 8

$(".clscss-row").each(function () {
if ($(this).find(".po-checkbox").not(":checked")) {
               // enter your code here
            } });