JavaScript CheckBox

Invoke the destroy method of the jqxCheckBox. Author: http://jqwidgets.com

by Gary Geniesse

HTML

<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">
<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>

<div style="height:100px; background-color:red">
<div id='jqxCheckBox'>
<table style="height:100%; width:95%; background-color:blue">
<tr> <td style="vertical-align: middle; background-color:white">Height 100%</td></tr></table>
</div>
<p>

</p>
<div style="height:100px; background-color:red">
<div id='jqxCheckBox2'>
<table style="height:100%; width:95%; background-color:blue">
<tr> <td style="vertical-align: middle; background-color:white">Height 100px</td></tr></table>
</div>

JavaScript

$("#jqxCheckBox").jqxCheckBox(
{
	width:"100%",
	height:"100%",
	boxSize:"13px",
	enableContainerClick:true
});

$("#jqxCheckBox2").jqxCheckBox(
{
	width:"100%",
	height:"100px",
	boxSize:"13px",
	enableContainerClick:true
});