JSFiddle - React, Tailwind, and code Playground

by doug65536

HTML

<td><ul class='horizontal_checkbox'>
<li class='horizontal_checkbox' style='display: inline-block;'><label for="id_month_0"><input id="id_month_0" value="1" type="checkbox" class="monthempty" name="month" /> Jan</label></li>
<li class='horizontal_checkbox' style='display: inline-block;'><label for="id_month_1"><input id="id_month_1" value="2" type="checkbox" class="monthempty" name="month" /> Feb</label></li>
<li class='horizontal_checkbox' style='display: inline-block;'><label for="id_month_2"><input id="id_month_2" type="checkbox" class="monthempty" value="3" name="month" /> Mar</label></li>
<br />
<li class='horizontal_checkbox' style='display: inline-block;'><label for="id_month_3"><input id="id_month_3" value="4" class="monthempty" type="checkbox" name="month" /> Apr</label></li>
<li class='horizontal_checkbox' style='display: inline-block;'><label for="id_month_4"><input id="id_month_4" value="5" type="checkbox" class="monthempty" name="month" /> May</label></li>
<li class='horizontal_checkbox' style='display: inline-block;'><label for="id_month_5"><input id="id_month_5" value="6" type="checkbox" class="monthempty" name="month" /> Jun</label></li>
<br />
<li class='horizontal_checkbox' style='display: inline-block;'><label for="id_month_6"><input id="id_month_6" value="7" type="checkbox" name="month" class="monthempty" /> Jul</label></li>
<li class='horizontal_checkbox' style='display: inline-block;'><label for="id_month_7"><input id="id_month_7" value="8" class="monthempty" type="checkbox" name="month" /> Aug</label></li>
<li class='horizontal_checkbox' style='display: inline-block;'><label for="id_month_8"><input id="id_month_8" value="9" type="checkbox" class="monthempty" name="month" /> Sep</label></li>
<br />
<li class='horizontal_checkbox' style='display: inline-block;'><label for="id_month_9"><input id="id_month_9" value="10" type="checkbox" class="monthempty" name="month" /> Oct</label></li>
<li class='horizontal_checkbox' style='display:...

JavaScript

var months = {"months" : ["Jan", "Feb", "Mar"]};

function update_year(year, months, cal_pk) {
    var month_lookup = {
        'Jan': 1,
        'Feb': 2,
        'Mar': 3,
        'Apr': 4,
        'May': 5,
        'Jun': 6,
        'Jul': 7,
        'Aug': 8,
        'Sep': 9,
        'Oct': 10,
        'Nov': 11,
        'Dec': 12
    };
	//year_remove(cal_pk);
	//show_calendar();
	//$("#id_year").val(year);
	//$(".monthempty").attr("checked", false);
	//var x = JSON.stringify(months);
	$.each(months.months, function(i,value) {
		$('input[value="'+month_lookup[value]+'"].monthempty').prop("checked", true);
	});
}

update_year(0, months, 0);