JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" id="one" checked="checked"/>one<br/>
<input type="checkbox" id="two"/>two<br/>
<input type="checkbox" id="three"/>three<br/>
<input type="checkbox" id="four" checked="checked"/>four<br/>
<input type="checkbox" id="five" checked="checked"/>five<br/>
<hr/>
<div>Notes:<br/></div>

JavaScript

//trigger click on a checkbox does check/uncheck but do not use "checked" attribute
$("#two").trigger("click");

$("#three").attr("checked", "checked");

$("#four").removeAttr("checked"); //uncheck

$("#five").attr("checked", ""); //should uncheck

var notes = "one :" + $("#one").attr("checked") +"<br/>"
+"one : " + $("#one").is(":checked") +"<br/><br/>"
+"two : " + $("#two").attr("checked") +"<br/>"
+"two : " + $("#two").is(":checked") +"<br/><br/>"
+"three : " + $("#three").attr("checked") +"<br/>"
+"three : " + $("#three").is(":checked")+"<br/><br/>"
+"four : " + $("#four").attr("checked") +"<br/>"
+"four : " + $("#four").is(":checked")+"<br/><br/>"
+"five : " + $("#five").attr("checked") +"<br/>"
+"five : " + $("#five").is(":checked") +" -> still checked !";

$("div").append( notes );