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

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:checkbox').each(function(){

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

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

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

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

Answer 2

试试这个....

$("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/