JSFiddle - React, Tailwind, and code Playground

HTML

<div id=populateme>
    <input type=checkbox name=tester1 class=tester value=1><input type=checkbox name=tester2 class=tester value=2><input type=button name=selectall id=selectall value=selectall><input type=button name=selectnone id=selectnone value=selectnone>
</div>
<input type=button name=populate id=populate value="Click Me">

JavaScript

$("#populate").click(function() {
       $("#populateme").empty();
       $("#populateme").html("<input type=checkbox name=tester1 class=tester value=1><input type=checkbox name=tester2 class=tester value=2><input type=checkbox name=tester2 class=tester value=3><input type=button name=selectall id=selectall value=selectall><input type=button name=selectnone id=selectnone value=selectnone>");
});
$(document).on("click","#selectall",function() {
    $(".tester").attr("checked",true);
});
$(document).on("click","#selectnone",function() {
    $(".tester").attr("checked",false);
});