demo

Question

我有一些动态加载的复选框。它们具有相同的类名，但它们具有不同的title属性。我想找到所选的具有相同标题属性的复选框的数量。

<input class="checkme" type="checkbox" title="dynamically generated" />

Answer 1

不要忘记伪选择器:checked只过滤选中的复选框：

var count = $(":checkbox[title='something']:checked").length;

demo

:checkbox：选择所有元素的属性type等于checkbox
[title='something']：选择所有元素的属性title等于something
:checked：仅选择选中的复选框
上面的选择器之间没有空格意味着逻辑运算符AND

==＆GT; ":checkbox[title='something']:checked"

Answer 2

＆＃13;

console.log($(':checkbox:checked[title=titlehere]').length)

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='checkbox' title='titlehere'>
<input type='checkbox' title='titlehere'>
<input type='checkbox' title=''>
<input type='checkbox' title='titlehere' checked>
<input type='checkbox' title='titlehere'>
<input type='checkbox' title=''>
<input type='checkbox' title='titlehere' checked>

＆＃13;

使用[title='yourtitlevalue']获取带有该标题的复选框
使用.length获取数字
使用:checked仅选中复选框

Answer 3

HTML

<input type='checkbox' title='my-title' name='checkboxes' class='checkboxes'>
<input type='checkbox' title='my-title2' name='checkboxes' class='checkboxes'>

JS

$('.checkboxes').change(function () {
  var checked = $(":checkbox[name='checkboxes']:checked");
  checked.each(function(){
    // check similar titles
  }
}

Answer 4

HTML

<input type='checkbox' title='my-title' name='checkboxes' class='checkboxes'>
<input type='checkbox' title='my-title2' name='checkboxes' class='checkboxes'>
<input type='checkbox' title='my-title2' name='checkboxes' class='checkboxes'>
<input type='checkbox' title='my-title2' name='checkboxes' class='checkboxes'>

的jQuery

function GetCheckboxesLength(title) {
    var $checkboxes = $('.checkboxes');
    var isChecked;
    var checkboxTitle;
    var length = 0;

    $checkboxes.each(function () {
        isChecked = $(this).is(':checked')
        checkboxTitle = $(this).attr('title');

        if (isChecked && checkboxTitle == title) {
            length++;
        }
    });

    return length;
}

GetCheckboxesLength('my-title2');

查找具有相同标题的所选复选框的长度

4 个答案:

demo