JSFiddle - React, Tailwind, and code Playground

by Omar X

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<div id='group_checkboxes'></div>

JavaScript

var checkboxes = '';

for (i = 0; i <= 5; i++) {
    checkboxes += '<input type="checkbox" id="foo' + i + '" class="custom" /><label for="foo' + i + '">Foo checkbox' + i + '</label>';
}

var controlgroup = $("<div/>", {
    "data-role": "controlgroup"
}).append(checkboxes);

$("#group_checkboxes").append(controlgroup.controlgroup());
$("[type=checkbox]").checkboxradio();
$("[data-role=controlgroup]").controlgroup("refresh");