jQuery CheckBox

Bind to the change event by type: jqxCheckBox. Author: http://jqwidgets.com

by txhi

HTML

<script src=" http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<div id='jqxCheckBox'>Entertainment</div>

JavaScript

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

var isChecked = false;
$('#jqxCheckBox').on('change', function (event) {
	isChecked = event.args.checked;
});
$('#jqxCheckBox').on('keydown', (event) => {
  console.log('keyboard', isChecked);
});
$('#jqxCheckBox').on('click', (event) => {
	console.log('mouse', isChecked);
});

$('#jqxCheckBox').focus();