Question

我想检查是否在Jquery中检查了具体的答案

<label><input type="checkbox" class="q1" name="q1" id="q1-a" />aaa</label>
<label><input type="checkbox" class="q1" name="q1" id="q1-b" />bbb</label>
<label><input type="checkbox" class="q1" name="q1" id="q1-c" />ccc</label>
<label><input type="checkbox" class="q1" name="q1" id="q1-d" />ddd</label>

我有jquery代码来检查盒装已检查的数量但很热，以了解是否检查了1和2选项

$('input[type=checkbox]:checked:visible').length == 2

Answer 1

$('#q1-a').is(':checked');
$('#q1-b').is(':checked');
etc.

Answer 2

只需移除长度，您就可以获得所选元素的数组：

var checked = $('input[type=checkbox]:checked:visible'); //array of checked checkboxes

Answer 3

您可以尝试这样的事情

// At first get all the checked items
var checked = $('.q1:checked').get();

// then loop through the array and check their ids
if(checked) {
    $.each(checked, function(){
        console.log(this.id); // q1-a, q1-b, q1-c, q1-d (if checked)
    });
}

Check this fiddle。可能还有其他简单的方法，但不确定你要做什么。

更新：您可以尝试这个

$('.btnNext1').on('click', function(){
    if( $('#q1-a').is(':checked') || $('#q1-b').is(':checked') ) {
        return false;
    }

    // do whatever you want to do when one of those are not checked
});

Check this fiddle.

如何使用Jquery读取复选框元素

3 个答案: