prop('disabled', false); is not working

javascript jquery prop
Dmytro Petrenko picture Dmytro Petrenko · Oct 10, 2017 · Viewed 9k times · Source

I want to make a button that will be disable when checkbox is false. But prop('disabled', false); isn't working.

Answer

adiga picture adiga · Oct 10, 2017

In your code, this refers to the DOM.

Change it to 

$("#agree").change(function() {
    if ($(this).is(':checked')) {
        $('#button').prop('disabled', false);
    } else {
        $('#button').prop('disabled', true);
    }
});

Inside the event handler, this refers to the element that triggered the change event.

or simply:

$("#agree").click(function() {
    $('#button').prop('disabled', !$(this).is(':checked'));
});

Related questions

.prop() vs .attr()

So jQuery 1.6 has the new function prop(). $(selector).click(function(){ //instead of: this.getAttribute('style'); //do i use: $(this).prop('style'); //or: $(this).attr('style'); }) or in this case do they do the same thing? And if I do have …

Read More
Getting the User Agent with JavaScript

I'd like to get a script that can grab the user's user agent and prop it to an attribute. I'm making a website problems contact form and I usually need to know what browser the user is using. How can …

Read More
jQuery .prop('checked', false) does not work

HTML: <form class="form"> <input type="checkbox" id="box" /> Check Me! </form> JS: $(window).load(function() { var myFunc = function() { if($('#box').prop('checked', false)) { $('.form').append('<p>Checkbox is …

Read More