Question

<label><input type="checkbox" name="" /> Normal</label>
<label><input type="checkbox" name="" checked="checked" /> Checked</label>
<label><input type="checkbox" name="" disabled="disabled" /> Disabled</label>

如果复选框已“选中”，则其标签应为“已检查”类，“已禁用”相同。

我尝试了这个，但似乎不起作用：

$("input[type=checkbox][checked]").each( 
    function() { 
       $(this).parent().addClass('checked');
    } 
);

http://jsfiddle.net/eJfT6/

感谢您的帮助！

Answer 1

尝试这个......

$("input[type=checkbox][checked]").each(
    function() {

        $(this).parent().addClass('checked');

    }
);
// for disabled 
$("input[type=checkbox]").each(
    function() {
        if( $(this).attr('disabled')){
           alert("in side");
            $(this).parent().addClass('checked');
        }

    }
);

你可以合并这两个功能我已将它分开只是为了你的理解 http://jsfiddle.net/Htcjb/

Answer 2

您可以测试一下：

$('input:checkbox').each(function(){

    if($(this).is(':checked')){

        $(this).parent().addClass('checked');
    }

    if($(this).is(':disabled')){

        $(this).parent().addClass('disabled');
    }
});

根据输入条件将父类添加到父级

2 个答案: