JSFiddle - React, Tailwind, and code Playground

HTML

<div><input id="checkA" type="checkbox" /> checked</div>
<div><input id="checkB" type="checkbox" /> unchecked</div>
<div><input id="checkC" type="checkbox" /> checked, has effect?(has effect in 1.8.3, but has not effect in 1.9.1 and 1.10.2)</div>

JavaScript

$(function () {
        $("#checkA").attr({ checked: true }); // will be checked

        $("#checkB").attr({ checked: true }); // will be checked
        $("#checkB").attr({ checked: false }); // will be unchecked

        $("#checkC").attr({ checked: true }); // will be checked
        $("#checkC").attr({ checked: false }); // will be unchecked
        $("#checkC").attr({ checked: true }); // will be checked, has effect in 1.8.3, but has not effect in 1.9.1 and 1.10.2

        $("body").append("<div>checkA.checked:" + checkA.checked + "</div>"
            + "<div>checkB.checked:" + checkB.checked + "</div>"
            + "<div>checkC.checked:" + checkC.checked + "</div>");
    });