JSFiddle - React, Tailwind, and code Playground

by cherryflavourpez

HTML

<ul id="mylist"></ul>
<ul id="myotherlist"></ul>

JavaScript

var visible = false;
var label = 'My label';
var checkbox = $('<input type="checkbox">').prop({
                    id: 'checkboxId',
                    name: 'checkboxId',
                    checked: visible
                });


var listItem = ('<li class="customise_option"><label>'+checkbox+' '+label+'</label></li>');

$('#mylist').append(checkbox);
$('#myotherlist').append(listItem);