代码之家  ›  专栏  ›  技术社区  ›  Ali

如何获取页面上所有选中复选框的计数

  •  32
  • Ali  · 技术社区  · 16 年前

    我想计算用户选中了多少个复选框。例如,从一组10个复选框中,如果他选择5个,那么我希望能够对其进行计数。使用该行:

    $(":checkbox:checked")
    

    我可以选择所有选中的复选框,有没有办法获得该语句返回的所有元素的计数?

    2 回复  |  直到 7 年前
        1
  •  59
  •   tvanfosson    12 年前

    使用 size() 方法或 length 财产。长度属性是首选的,因为它更快。

    例子:

    var count = $("[type='checkbox']:checked").length;
    
        2
  •  2
  •   kenorb    7 年前

    使用jQuery:

    var cbs = $("input:checkbox"); //find all checkboxes
    var nbCbs = cbs.length; //the number of checkboxes
    
    var checked = $("input[@type=checkbox]:checked"); //find all checked checkboxes + radio buttons
    var nbChecked = checked.length;
    

    使用javascript:

    var inputs = document.getElementsByTagName("input"); //or document.forms[0].elements;
    var cbs = []; //will contain all checkboxes
    var checked = []; //will contain all checked checkboxes
    for (var i = 0; i < inputs.length; i++) {
      if (inputs[i].type == "checkbox") {
        cbs.push(inputs[i]);
        if (inputs[i].checked) {
          checked.push(inputs[i]);
        }
      }
    }
    var nbCbs = cbs.length; //number of checkboxes
    var nbChecked = checked.length; //number of checked checkboxes
    

    来源: How to find Checkboxes? at coderanch