Question

这可能是当天最简单的问题。

我有一组具有相似ID的复选框（全部以someid_开头，例如someid_0，someid_1 ..）

我希望获得所有checked个复选框。

我试过$('input:checkbox[id^="someid_"]:checked')，但它不起作用？

Answer 1

此代码正在运行检查演示

标记

<input type="checkbox" id="someid_1" checked/>
<input type="checkbox" id="someid_2" checked/>
<input type="checkbox" id="someid_3" checked/>
<input type="checkbox" id="someid_4"/>

的jQuery

var n = $('input:checkbox[id^="someid_"]:checked').length;
alert(n); // count of checked checkboxes

$('input:checkbox[id^="someid_"]:checked').each(function(){
    alert($(this).attr("id"));});

Answer 2

<head>
    <script type="text/javascript" src="../js/jquery.js"></script>
    <script type="text/javascript">
        var isChecked = false;

        function allSelected() 
        {
            // this line is for toggle the check
            isChecked = !isChecked;

            //below line refers to 'jpCheckbox' class
            $('input:checkbox.jpCheckbox').attr('checked',isChecked);

            //OR,
            //$('input:checkbox.jpCheckbox').attr('checked','checked');
        }
    </script>
</head>

<body>
    <form>
        Select All<input type="checkbox" id="selectAllCheckbox" onclick="allSelected()" /><br/>

        A<input type="checkbox" id="jpCheckbox" class="jpCheckbox" /><br/>
        B<input type="checkbox" id="jpCheckbox" class="jpCheckbox" /><br/>
        C<input type="checkbox" id="jpCheckbox" class="jpCheckbox" /><br/>
    </form>
</body>

Answer 3

我不确定您是否可以搜索ID属性。它通常只返回一个值。您可以将类设置为some_0，然后搜索或使用自定义属性，如

<input type=checkbox customattr=some_1>

Answer 4

您尝试的代码绝对正确，可能在解析所需元素之前运行代码，请尝试，

$(document).ready(function(){$('input:checkbox[id^="someid_"]:checked')})

Answer 5

试试这个......

$('input:checkbox').filter('#someid').attr(":checked")

使用Jquery选择具有相似ID的所有选中复选框？

5 个答案: