JavaScript CheckBox

Set the disabled property of the jqxCheckBox. Author: http://jqwidgets.com

by Hristo Hristov

HTML

<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<div id='jqxCheckBox'>Entertainment</div>
<div id='jqxCheckBox2'>Computers</div>
<button id="disable">Disable</button>
<button id="enable">Enable</button>

JavaScript

$("#jqxCheckBox").jqxCheckBox({
    width: '300px',
    disabled: true,
    height: 25,
    theme: 'energyblue'
});

$("#jqxCheckBox2").jqxCheckBox({
    width: '300px',
    disabled: true,
    height: 25,
    theme: 'energyblue'
});

$('#enable').click(function () {
	$('#jqxCheckBox').jqxCheckBox({ disabled: false });
    $('#jqxCheckBox2').jqxCheckBox({ disabled: false });
});

$('#disable').click(function () {
	$('#jqxCheckBox').jqxCheckBox({ disabled: true });
    $('#jqxCheckBox2').jqxCheckBox({ disabled: true });
});