Установите все отмеченные флажки с похожими идентификаторами, используя Jquery? - PullRequest
11 голосов
/ 04 февраля 2011

Это может быть самый простой вопрос дня.

У меня есть группы флажков с одинаковыми идентификаторами (все начинаются с someid_, как someid_0, someid_1 ..)

Я хочу получить все checked флажки.

Я пробовал $('input:checkbox[id^="someid_"]:checked'), но он не работает?

Ответы [ 5 ]

29 голосов
/ 04 февраля 2011

этот код работает проверить демо

http://jsfiddle.net/csTpG/

Разметка

<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"));});
1 голос
/ 22 июля 2013
<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>
0 голосов
/ 04 февраля 2011

код, который вы пробовали, абсолютно корректен, может б код выполнялся до разбора необходимых элементов, поэтому попробуйте,

$(document).ready(function(){$('input:checkbox[id^="someid_"]:checked')})
0 голосов
/ 04 февраля 2011

попробуйте это ...

$('input:checkbox').filter('#someid').attr(":checked")
0 голосов
/ 04 февраля 2011

Я не уверен, что вы можете выполнить поиск по атрибуту ID. обычно возвращает только одно значение. Вместо этого вы можете установить для класса some_0, а затем выполнить поиск или использовать собственный атрибут, например

<input type=checkbox customattr=some_1>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...