JSFiddle - React, Tailwind, and code Playground
HTML
<input type="checkbox" checked="checked" id="myCheckbox" />
<input type="button" value="toogle checked" id="tc" />
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox2" name="Data[0].IsNoAnswer" value="false">
<label class="form-check-label" for="Data[0].IsNoAnswer">N/A</label>
</div>
JavaScript
$('#tc').click(function() {
if ( $('#myCheckbox').attr('checked')) {
$('#myCheckbox').attr('checked', false);
} else {
$('#myCheckbox').attr('checked', 'checked');
}
});
$('#inlineCheckbox2').click(function() {
if ( $('#inlineCheckbox2').attr('checked')) {
$('#inlineCheckbox2').attr('checked', false);
} else {
$('#inlineCheckbox2').attr('checked', 'checked');
}
});