Question

如何检查特定DIV中的复选框是否已选中？

<div id="TeddyTab">
 <input type="checkbox" id="bla" />
 <input type="checkbox" id="bla1" />
 <input type="checkbox" id="bla2" />
</div>

JQuery的？

 $(':checked').each(function() {
        if(this.checked === 'true')
            $(this).closest('div').next('div').find('textarea').prop('readonly',false);
    });

以上jquery检查我不想要的所有页面。我想只在div上面检查一下？

Answer 1

使用以下代码来验证特别是div

 if($("#TeddyTab input:checked").size() > 0){
// do here what ever you wanna do
}

Answer 2

试试这个：

DEMO：http://jsfiddle.net/K6Wvk/

$(document).ready(function () {

$('#formid').validate({ // initialize the plugin
    rules: {
        'test[]': {
            required: true,
            maxlength: 2
        }
    },
    messages: {
        'test[]': {
            required: "You must check at least 1 box",
            maxlength: "Check no more than {0} boxes"
        }
    }
});

}）;

Answer 3

您将布尔值与字符串值进行比较为this.checked返回布尔值。你也只是迭代检查元素，这就不需要使用if条件

了

$(':checked').each(function() {
    $(this).closest('div').next('div').find('textarea').prop('readonly',false);
});

Answer 4

没有太大变化;以下是它的工作原理：

$('#TeddyTab :checkbox').each(function() {
 if(this.checked)
 $(this).closest('div').next('div').find('textarea').prop('readonly',false);
});

Answer 5

有效复制jQuery if checkbox is checked？无论如何，这是你应该如何实现它：

$('#TeddyTab input[type="checkbox"]:checked').each(function(i,input){
      $(input).closest('div').next('div').find('textarea').prop('readonly',false);

或者如果您需要IF声明：

$('#TeddyTab input[type="checkbox"]').each(function(i,input){
            if($(input).is(':checked')){ 
                $(input).closest('div').next('div').find('textarea').prop('readonly',false);

如何使用JQuery验证特定div中的复选框？

5 个答案: