JSFiddle - React, Tailwind, and code Playground

by Robloche

HTML

Checkbox: <input type="checkbox" id="myCheckbox" />
<br/>
<input type="button" value="Status" />
<div>.is: <span id="s1"></span></div>
<div>.prop: <span id="s2"></span></div>

CSS

input[type=button] {
  margin: 10px 0;
}

JavaScript

$('input[type=button]').click(function() {
	var cb = $('#myCheckbox');
  cb.attr("disabled", !cb.prop('disabled'));
  
	$('#s1').text(cb.is(':disabled'));
	$('#s2').text(cb.prop('disabled'));
});