如何计算使用jQuery在页面上选择了多少个复选框

Question

我想要计算我的页面上使用jQuery选择了多少个复选框.我写了以下代码:

      var numberOfCheckboxesSelected = 0;
      $(':checkbox').each(function(checkbox) {
          if (checkbox.attr('checked'))
              numberOfCheckboxesSelected++;
      });

但是,我的代码错误输出第三行的消息"对象不支持此属性或方法".

如何计算在我的页面上选择了多少个复选框？

Answer 1

jQuery支持:checked伪选择器.

var n = $("input:checked").length;

这适用于单选按钮和复选框.如果您只想要复选框,但页面上还有单选按钮:

var n = $("input:checkbox:checked").length;

Answer 2

试试这个(避免计算任何选定的单选按钮):

var numberOfCheckboxesSelected = $('input[type=checkbox]:checked').length;