JSFiddle - React, Tailwind, and code Playground

by nilesh026

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="js/jquery-1.8.1.min.js"></script> <!-- date--><strong></strong> 
	<script src="js/jquery.uniform.js" type="text/javascript" ></script>
<input type="checkbox" value="" onclick="checkedAll();" name="checkall" id="checkall"/>

JavaScript

function checkedAll() {
     
	 $('.all span').click(function () {
		 if(document.getElementById("checkall").checked == true)
		 {
			 $('#uniform-undefined span').addClass('checked');		
			// $.uniform.update("input:checkbox");
		 }
		 else
		 {
			 $('#uniform-undefined span').removeClass('checked');
		 }
	 });
	  $.uniform.update();
}

<table width=100%><colgroup>        <col width="50%">        <col width="50%">    </colgroup> <tr><td><ul class="ckli" id="checke">'
		+ '<li> <label><input type="checkbox" value="F1" /><b>F1:Position of Player</b></b><div class="cls"></div></label> </li>'
		+ '<li> <label><input type="checkbox" value="F2" /><b>F2:Position of Goal</b><div class="cls"></div></label> </li>'
		+ '<li> <label><input type="checkbox" value="F3" /><b>F3:Distance From Prior to Present Goal</b><div class="cls"></div></label> </li>'
		+ '<li> <label><input type="checkbox" value="F4" /><b>F4:Distance between Player and Goal</b><div class="cls"></div></label>  </li>'
		+ '<li> <label><input type="checkbox" value="F5" /><b>F5:Vector Player particle is traveling on</b><div class="cls"></div></label> </li>'
		+ '<li id="mo_1"> <label><input type="checkbox" value="F6.0" /><b>F6:Current speed of player particle</b><div class="cls"></div></label>'
		+ '<ul class="subli" id="hs_1">'
		+ '<li> <label><input type="checkbox" value="F6.1" disabled/>F6.1:SDs off mean for player particle on all past events in this round</label> </li>'
		+ '<li> <label><input type="checkbox" value="F6.2" disabled/>F6.2:Sum F6.1 over last three events;</label> </li>'
		+ '<li> <label><input type="checkbox" value="F6.3" disabled/>F6.3:Sum F6.1 over last five events</label> </li>'
		+ '<li> <label><input type="checkbox" value="F6.4" disabled/>F6.4:SDs off mean for player particle on past events in all rounds at this level</label> </li>'
		+ '<li> <label><input type="checkbox" value="F6.5" disabled/>F6.5:Sum F6.4 over last 3 events;</label> </li>'
		+ '<li> <label><input type="checkbox"...