JSFiddle - React, Tailwind, and code Playground

by Mark Coleman

HTML

<div id="clone" class="cloneClass" style="display:none">
    <div class="container">
        <input type="checkbox" class="cbClass" />
    </div>
</div>

JavaScript

var data = [{
    "CB": "True"},
{
    "CB": "False"}];

var theClone = $("#clone").clone(true);
var temp = "";

if (data !== null) {
    $.each(data, function(i, d) {
        var cb = theClone.find('.cbClass');
        if (d.CB === "True") {
            cb.get()[0].setAttribute("checked", "checked");
        }
        else{
             cb.get()[0].removeAttribute("checked", "checked");
        }
        temp += theClone.html();
    });
}
$("body").append(temp);