JSFiddle - React, Tailwind, and code Playground

by praveen_jegan

JavaScript

var content = "<table class=\"filter-table\">";
content += "<tr><td><label><input  class=\"park_analysis_refined_e\"  type=\"checkbox\" onclick=\"toggleOverlayer('park_analysis_refined_e')\" checked='checked'>MP2008 Parks</label></td></tr>" +
    "<tr><td><div id=\"park_analysis_refined_e\"></div></td></tr>";

content += "<tr><td><label><input class=\"park_analysis_refined_b_e\"  type=\"checkbox\" id=\"cb_buffer\" onclick=\"toggleOverlayer('park_analysis_refined_b_e')\" >MP2008 Parks Buffer</label></td></tr>" +
    "<tr><td><div id=\"park_analysis_refined_b_e\"></div></td></tr>";

content += "<tr><td><label><input class=\"park_analysis_refined_a\"  type=\"checkbox\" onclick=\"toggleOverlayer('park_analysis_refined_a')\">DMP2013 Additional Parks</label></td></tr>" +
    "<tr><td><div id=\"park_analysis_refined_a\"></div></td></tr>";

content += "<tr><td><label><input class=\"park_analysis_refined_b_a\"  type=\"checkbox\" id=\"cb_additionalBuffer\" onclick=\"toggleOverlayer('park_analysis_refined_b_a')\">DMP2013 Additional Parks Buffer</label></td></tr>" +
    "<tr><td><div id=\"park_analysis_refined_b_a\"></div></td></tr>";

content += "</table>"

$(content).appendTo('body');

//Event delegation to maximize/minimize window
$("#cb_buffer").on("click", function (event) {

    if ($('#cb_buffer').is(':checked')) {
        alert('checked');
    } else {
        alert('Not checked');
    }
});
$("#cb_additionalBuffer").on("click", function (event) {
    if ($('#cb_additionalBuffer').is(':checked')) {
        alert('checked');
    } else {
        alert('Not checked');
    }
});