JSFiddle - React, Tailwind, and code Playground

by shahrukh007

HTML

<html>
<body>
<input type="text" id="txtName" />
<input type="button" value="ok" id="btnSave" />
<div id="cblist"></div>
<script type="text/javascript">
$(document).ready(function() {
    $('#btnSave').click(function() {
        addCheckbox($('#txtName').val());
    });
});

function addCheckbox(name) {
   var container = $('#cblist');
   var inputs = container.find('input');
   var id = inputs.length+1;

   $('<input />', { type: 'checkbox', id: 'cb'+id, value: name }).appendTo(container);
   $('<label />', { 'for': 'cb'+id, text: name }).appendTo(container);
}
</script>

</body>
</html>