Demo of checkboxradio icon with option value to True or False

We can change icon option to True or False

jquery

<script>
$(document).ready(function() {	
/////////
$( ".r2,.c2" ).checkboxradio({
});
/////////////
$("input:radio[name=r1]").click(function() {
var sel = ($(this).val() == 'true');
$( ".r2,.c2" ).checkboxradio( "option", "icon", sel );
$('#d1').html( "  icon Option value = <code>" + sel + "</code>" );
})
////////
var status = $( ".r2,c2" ).checkboxradio( "option", "icon" );
$('#d1').html( "  icon Option value = <code>" + status + "</code>" );
///////
})
</script>

HTML

<label for="radio-1">PHP</label>
    <input type="radio" name="radio-1" id="radio-1" class='r2'>
    <label for="radio-2">MySQL</label>
    <input type="radio" name="radio-1" id="radio-2" class='r2'>
    <label for="radio-3">JQuery</label>
    <input type="radio" name="radio-1" id="radio-3" class='r2'>

	<label for="checkbox-1">Tutorial</label>
    <input type="checkbox" name="checkbox-1" id="checkbox-1" class='c2'>
    <label for="checkbox-2">DEMO</label>
    <input type="checkbox" name="checkbox-2" id="checkbox-2" class='c2'>