JSFiddle - React, Tailwind, and code Playground

HTML

<button class='check'>Check</button>
<button class='uncheck'>Uncheck</button><br />
<input checked="checked" class="LineCheckbox" id="MDCCheckbox" name="MDCCheckbox" type="checkbox" value="true" />
<input name="MDCCheckbox" type="hidden" value="false" />
<label for="MDCCheckbox">MDC</label>&nbsp;

JavaScript

$(".check").click(function () {        
    $(".LineCheckbox").prop("checked", true);
});
$(".uncheck").click(function () {        
    $(".LineCheckbox").removeAttr("checked");
});