Jquery Button disabled and enabled when checkbox clicked

Question

I am new to html and Jquery I am trying to create a project where in first I disable my Jquery Button first but when checkbox clicked it will be enabled however my code below is not working. The button is not disable always enable even my checkbox is uncheck. I would really appreciate any suggestion and help. Thanks a lot.

function goFurther() {
  if (document.getElementById("chkAgree").checked == true) {
    $("#submit").disabled = false;
    $("#cancel").disabled = false;  
  } else {
    $("#submit").disabled = true;
    $("#cancel").disabled = true;
  }
}

input[disabled] {
  color: gray;
  text-decoration: none;
}

<form>
  <input type="checkbox" id="chkAgree" onclick="goFurther()">I agree.
  <br><br>
</form>

Possible duplicate stackoverflow.com/questions/17599984/…

John R
– John R

2018-07-23 06:13:12 +00:00
Commented Jul 23, 2018 at 6:13 — John R
– John R, Commented Jul 23, 2018 at 6:13

31piy · Accepted Answer · 2018-07-23 06:13:07Z

2

You cannot set disabled on a jQuery wrapped element. Use prop() for it:

$("#submit").prop('disabled', false); // To enable the button
$("#submit").prop('disabled', true); // To disable the button

Alternatively, you can get the native DOM elements out of the jQuery wrapper using get() and then assign disabled:

$("#submit").get(0).disabled = false; // To enable the button
$("#submit").get(0).disabled = true; // To disable the button

answered Jul 23, 2018 at 6:13

31piy

23.9k6 gold badges51 silver badges69 bronze badges

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

2 Comments

CLOUDS Over a year ago

Thank you very much it still not working when I placed it in my code I really appreciate your help

31piy Over a year ago

@CLOUDS -- Please specify what's not working. It is too difficult to track down a bug without knowing much of your code. Did you see any error in console?

MyTwoCents · Accepted Answer · 2018-07-23 06:17:10Z

0

There are many ways to disable checkbox with and without jquery like

document.getElementById("test").disabled= true;
$("#test").prop('disabled', true);
$("#test").attr('disabled', true);

answered Jul 23, 2018 at 6:17

MyTwoCents

7,6723 gold badges28 silver badges56 bronze badges

Collectives™ on Stack Overflow

Jquery Button disabled and enabled when checkbox clicked

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related