How to add css property after disabling a check box in jquery?

Question

Hi I want to disable a check box first, then i want to add a css property. I have written the below code. By this code the check box is disabled but the css property is not added.

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

sorry I didn't get you... when the checkbox is checked you want to add a css property to the next label — Arun P Johny
– Arun P Johny, Commented Dec 19, 2013 at 4:56

Steely Wing · Accepted Answer · 2013-12-19 06:01:14Z

1

Try this http://jsfiddle.net/j93Vu/

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

answered Dec 19, 2013 at 6:01

Steely Wing

17.9k10 gold badges62 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

dives · Accepted Answer · 2013-12-19 17:54:50Z

1

Just a minor update:

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

answered Dec 19, 2013 at 17:54

dives

311 bronze badge

Comments

Milche Patern · Accepted Answer · 2013-12-19 05:08:33Z

0

Your javascript is NOT working:

ReferenceError: labelTag is not defined if (labelTag[0].nodeName == 'LABEL') {

edited Dec 19, 2013 at 5:08

answered Dec 19, 2013 at 5:01

Milche Patern

20.7k6 gold badges39 silver badges53 bronze badges

Collectives™ on Stack Overflow

How to add css property after disabling a check box in jquery?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related