JSFiddle - React, Tailwind, and code Playground

by Erik Zanker

HTML

<div data-role="page" id="page1">
     <div data-role="header">
        <h1>My page</h1> 
    </div> 	
    <div id="cont" role="main" class="ui-content">

<label for="flip-1">Checkbox Flip switch:</label>
<input data-role="flipswitch" name="flip-1" id="flip-1" type="checkbox">
<button id="submit">Submit</button>

    </div> 
</div>

JavaScript

$(document).on("pagecreate","#page1", function(){ 
  $(document).on( "vclick", "#submit", function() {
      alert($("#flip-1").prop("checked"));
  });
});