JSFiddle - React, Tailwind, and code Playground

HTML

<table><colgroup><col title="process name"></colgroup> <tbody><tr><td><input name="rlv_mainservices$ctrl0$hf_id" id="rlv_mainservices_ctrl0_hf_id" value="91" type="hidden"> <input id="rlv_mainservices_ctrl0_chb_sys" name="rlv_mainservices$ctrl0$chb_sys" type="checkbox"> <span id="rlv_mainservices_ctrl0_lbl_main_sys">pro1</span> </td></tr></tbody></table><table><colgroup><col title="processname"> </colgroup><tbody><tr><td><input name="rlv_mainservices$ctrl1$hf_id" id="rlv_mainservices_ctrl1_hf_id" value="92" type="hidden"><input id="rlv_mainservices_ctrl1_chb_sys" name="rlv_mainservices$ctrl1$chb_sys" type="checkbox"> <span id="rlv_mainservices_ctrl1_lbl_main_sys">pro2</span> </td></tr></tbody></table>

<a href="#" id="clickme">Click Me</a>

JavaScript

// the demo showing I have modified the attribute somehow
$("input[type=checkbox]").attr({
    "checked": "checked",
    "disabled": "disabled"
});

//so now i have to use removeProp();
$("#clickme").click(function() {
   $("input[type=checkbox]").removeProp("checked").removeProp("disabled");
});