.prop("enabled", true): not working

Question

I am having trouble enabling a button. I have designed a small test https://jsfiddle.net/51xea2kb/ in order to test this functionality. I test whether a number is within a range and then enable or disable a button based on this number. I have checked multiple posts and nothing seems to apply.

Javascript

function enable(TVD) {
  if (TVD >= 800 - 5 && TVD <= 800 + 5) {
    $('#submitButton').prop("enabled", true);
  } else {
    $('#submitButton').prop("disabled", true);
  }
}

$('#convert-table').click(function() {
  var TVD = 800.1
  enable(TVD);
});

Buttons [do not have an `enabled` property](https://developer.mozilla.org/en-US/docs/Web/API/HTMLButtonElement). — Felix Kling, Sep 20 '17 at 20:57
Related: [Disable/enable an input with jQuery?](https://stackoverflow.com/q/1414365/218196) — Felix Kling, Sep 20 '17 at 20:57
@FelixKling I had read this one to fast prior to posting and then used enabled..... ugh — Tyler Cowan, Sep 20 '17 at 21:08

score 4 · Accepted Answer · answered Sep 20 '17 at 20:56

4

Is enabled a thing? Try setting disabled to false instead.

answered Sep 20 '17 at 20:56

shabs

648
3
9

Anyone who hasn't done something just as dumb is lying. ;) – shabs Sep 20 '17 at 20:59

.prop("enabled", true): not working

1 Answers1