添加禁用類跨越如果複選框被使用jQuery

Question

我有這個複選框代碼

<div class="checkbox-group"> 

    <label class="fc-contain-sm checkbox-status"> 
     <input type="checkbox" class="formjs-checkbox-sm" checked disabled> 
     <div class="fc-status-sm"></div> 
     <span class="checkbox-lable-sm">Disabled checkbox</span> 
    </label> 

    <label class="fc-contain-sm checkbox-status"> 
     <input type="checkbox" class="formjs-checkbox-sm"> 
     <div class="fc-status-sm"></div> 
     <span class="checkbox-lable-sm">Normal checkbox</span> 
    </label> 

</div> 

，我想如果複選框使用jQuery

CSS

禁用添加 disabled類 checkbox-lable-sm類禁用

.checkbox-group .disabled { 
    cursor: not-allowed; 
} 

我試過這段代碼但它不起作用

$('.checkbox-group > input:disabled.formjs-checkbox-sm').each(function(){ 
    $(this).find('.checkbox-lable-sm').addBack().addClass("disabled"); 
}); 

Answer 1

試一試這個，

$(".checkbox-group input[type='checkbox']").each(function() { 
    if ($(this).is(':disabled')) { 
    $(this).closest(".fc-contain-sm").find(".checkbox-lable-sm").addClass("disabled"); 
    } 
}); 

我相信這會工作。

這裏工作jsfiddle

這裏是第二種方式，

$(".checkbox-group input[type='checkbox']:disabled").each(function() { 
    $(this).closest(".fc-contain-sm").find(".checkbox-lable-sm").addClass("disabled"); 
}); 

這是第三條道路，

$(".checkbox-group input[type='checkbox']:disabled").each(function() { 
    $(this).closest("label").find(".checkbox-lable-sm").addClass("disabled"); 
}); 

Answer 2

$('.checkbox-group input:disabled.formjs-checkbox-sm').each(function() { 
    $(this).parent().find('.checkbox-lable-sm').addClass("disabled"); 
});