JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" id="chk" />
<div id="res">
</div>

JavaScript

var chk = $("#chk"),
    res = $("#res");

//This works fine
chk.attr("disabled", "disabled");
res.html( "01 Is disabled (should be true): " + chk.is(":disabled") + "<br />");
chk.removeAttr("disabled"); //removes the disabled attribute
//OR
//chk.attr("disabled", false); //removes the disabled attribute

res.append( "02 Is disabled (should be false): " + chk.is(":disabled")+ "<br />");


//This doesn't
chk.prop("disabled", "disabled");
res.append( "03 Is disabled (should be true): " + chk.is(":disabled") + "<br />");
chk.removeAttr("disabled");
res.append( "04 Is disabled (should be false): " + chk.is(":disabled") + "<br />");

//This does
chk.get(0).disabled = "disabled";
res.append( "05 Is disabled (should be true): " + chk.get(0).disabled + "<br />");
chk.get(0).disabled = "";
res.append( "06 Is disabled (should be false): " + chk.get(0).disabled + "<br />");

//This does
chk.prop("disabled", "disabled");
res.append( "07 Is disabled (should be true): " + chk.is(":disabled") + "<br />");
chk.removeProp("disabled");
res.append( "08 Is disabled (should be false): " + chk.is(":disabled") + "<br />");

//This doesn't
chk.attr("disabled", "disabled");
res.append( "09 Is disabled (should be true): " + chk.is(":disabled") + "<br />");
chk.removeProp("disabled");
res.append( "10 Is disabled (should be false): " + chk.is(":disabled") + "<br />");