如何在禁用jquery中的复选框后添加css属性？

Question

您好我想首先禁用复选框，然后我想添加一个css属性。我写了下面的代码。通过此代码，禁用复选框，但不添加css属性。

 $("input:radio,input:checkbox").each(
     function (nitem,obj){        
         if (labelTag[0].nodeName == 'LABEL'){
             labelTag.click(function(ev){
                 $(this).prev().checkboxradio('disable').css("color","red");
        });
    }
});

HTML code：

<div class="simple-checkbox chk">
     <input type="checkbox" id="billingaddress" class="radio">
         <label class="gray enableExpressCK" for="billingaddress">Enable Express Checkout</label>
 </div>

jsFiddles here

Answer 1

试试这个http://jsfiddle.net/j93Vu/

$("input:radio,input:checkbox").change(function () {
    $(this)
        .prop('disabled', true)
        .next('label')
            .css('color', 'red');
});

Answer 2

Just a minor update:

$("input:radio,input:checkbox").change(function () {
    $(this)
        .attr('disabled', 'disabled')
        .next('label')
            .css('color', 'red');
});

Answer 3

您的javascript无效：

  

ReferenceError：如果（labelTag [0] .nodeName ==，则未定义labelTag   'LABEL'）{