Checkbox state change not working

Question

In the below code initially checkbox unchecked and textboxes disabled.when i click checkbox then textboxes enabled BUT after the enabled when i again unchecked checkboxes it need to be disabled.But that partis not working(else part) Code

 $(function(){
    $("#txtres").attr("disabled", "disabled");
    $("#txtres2").attr("disabled", "disabled");

    $("#chknew").click(function () {
        if("#chknew").is(:checked)
        {
        $("#txtres").removeAttr("disabled");
        $("#txtres2").removeAttr("disabled");
        }
      else
      {
         $("#txtres").attr("disabled", "disabled");
         $("#txtres2").attr("disabled", "disabled");
        }
    });
    }

ohhhh I see, aren't you getting an error your if has a missing ) in last. — Mritunjay
– Mritunjay, Commented Aug 24, 2014 at 16:17

Md. Salahuddin · Accepted Answer · 2014-08-24 16:43:48Z

1

You can achieve it with "change" handler

$(function(){
   $("#txtres").attr("disabled", "disabled");
   $("#txtres2").attr("disabled", "disabled");

$('#chknew').change(function () {
   if ($(this).is(":checked")) {
       $("#txtres").removeAttr("disabled");
       $("#txtres2").removeAttr("disabled");
   } else {
       $("#txtres").attr("disabled", "disabled");
       $("#txtres2").attr("disabled", "disabled");
   }
  });
});

answered Aug 24, 2014 at 16:43

Md. Salahuddin

1,07215 silver badges23 bronze badges

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

Comments

Mritunjay · Accepted Answer · 2014-08-24 16:12:21Z

0

To make it again disabled, Say like bellow

$("#txtres").prop("disabled", true);

instead of

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

answered Aug 24, 2014 at 16:12

Mritunjay

25.9k7 gold badges57 silver badges71 bronze badges

3 Comments

Terry Over a year ago

You should use .prop() instead. .attr() is not suitable for boolean attributes like disabled, readonly and the likes.

Mritunjay Over a year ago

@Terry updated my answer. Reading about how it helps.

TechGuy Over a year ago

In my code disabled partis working,Butin the else part coding not working

RGS · Accepted Answer · 2014-08-24 17:11:52Z

0

$(function(){
    $("#txtres").attr("disabled", "disabled");
    $("#txtres2").attr("disabled", "disabled"); 
    $("#chknew").click(function () {    
        $("#txtres").attr("disabled", !this.checked);
        $("#txtres2").attr("disabled", !this.checked);          
    });
});

Demo:

http://jsfiddle.net/w2jtg1b9/3/

edited Aug 24, 2014 at 17:11

answered Aug 24, 2014 at 16:30

RGS

5,2317 gold badges44 silver badges69 bronze badges

1 Comment

TechGuy Over a year ago

When i checked it i wantedto enabled the TextBoxes

Collectives™ on Stack Overflow

Checkbox state change not working

3 Answers 3

Comments

3 Comments

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

3 Comments

1 Comment

Related