JSFiddle - React, Tailwind, and code Playground

by Dragan Gaić

HTML

<div data-role="page" id="initPage">
	<div data-role="header" data-theme="a" data-position="fixed">
        <center><p>Header</p></center>
    </div><!-- /header -->
      
    <div data-role="content" data-theme="d">
       
        <label><input type="checkbox" name="checkboxName" id="checkboxID">checkbox</label>
        <a href="#" id="clear" data-role="button" data-inline="true" data-theme="b">Clear</a>
		<a href="#" id="set" data-role="button" data-inline="true" data-theme="b">Set</a>
       
    </div><!-- /Content -->
    
    <div data-role="footer" data-position="fixed">  
        <h2>Footer</h2>  
    </div>
</div><!-- /page -->

JavaScript

$("#clear").click(function() {
	$('#checkboxID').filter(':checkbox').prop('checked',false).checkboxradio("refresh");
});

$("#set").click(function() {
    $('#checkboxID').filter(':checkbox').prop('checked',true).checkboxradio("refresh");
});