JSFiddle - React, Tailwind, and code Playground
HTML
<input type="checkbox" id="mycheckbox1" checked data-test>
<input type="checkbox" id="mycheckbox2">
JavaScript
var cb1 = document.getElementById("mycheckbox1");
window.alert("1. checked = " + cb1.checked);
window.alert("1. data-test = " + (cb1.dataset.test ? "true" : "false"));
window.alert("1. data-test exists = " + (cb1.dataset.test !== undefined ? "true" : "false"));
var cb2 = document.getElementById("mycheckbox2");
window.alert("2. checked = " + cb2.checked);
window.alert("2. data-test = " + (cb2.dataset.test ? "true" : "false"));
window.alert("2. data-test exists = " + (cb2.dataset.test !== undefined ? "true" : "false"));