javascript to disable /enable a checkbox

Question

I have the below syntax which unchecks a checkbox.

$('#h12_1').attr('checked','checked');

h12_1 is the name of my checkbox.

How do I disable the checkbox so it cannot be checked? similarly how do I enable the checkbox again?

Something like this:

 $.post('get_as_12', {data:selectedObj.value},function(result) {
 alert(result[0]) ;

      if(result[0] > 0) {
          $('#h12_1').attr('checked','enabled');
          $('#h12_1').attr('checked','checked');
       } else {
          $('#h15_1').attr('disabled');
          $('#h15_1').removeAttr('checked');
      }
 });

VisioN · Accepted Answer · 2013-04-19 09:49:08Z

5

For disabling you should use disabled attribute or property (the latter is preferrable):

$("#h12_1").attr("disabled", "disabled");  // removeAttr("disabled") to enable
// or
$("#h12_1").prop("disabled", true);        // false to enable

answered Apr 19, 2013 at 9:49

VisioN

146k35 gold badges287 silver badges291 bronze badges

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

1 Comment

Nagendra Rao Over a year ago

Just 2 secs late!! so u get +1

RGR · Accepted Answer · 2013-04-19 09:51:49Z

1

To disable checkbox, use disabled attribute.

$("#h12_1").attr("disabled", "disabled");

To enable it back again use removeAttr().

$('#h15_1').removeAttr('disabled');

answered Apr 19, 2013 at 9:51

RGR

1,5812 gold badges23 silver badges38 bronze badges

Collectives™ on Stack Overflow

javascript to disable /enable a checkbox

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related