JSFiddle - React, Tailwind, and code Playground

by Amitabha Ghosh

HTML

<div id="cblist">
    <input type="checkbox" value="first checkbox" id="cb1" /> <label for="cb1">first checkbox</label>
</div>

<input type="text" id="txtName" />
<input type="button" value="ok" id="btnSave" />

JavaScript

function addCheckbox(name) {
   var container = $('#cblist');
   var inputs = container.find('input');
   var id = inputs.length+1;
 var $dg = 'cb'+id;
 var $name = $("#txtName").val();
$(container).append('<div class="2"><label for="'+$dg+'" name="'+$name+'"><input type ="checkbox" id="'+$dg+'"/></label>' +$name+'</div>');
}

$('#btnSave').click(function() {
    addCheckbox($('#txtName').val());
    });