JSFiddle - React, Tailwind, and code Playground

by jquery2005

HTML

<input type="checkbox" id="cr"/><label for="cr">我已经阅读了上面制度.</label><br>
<input type="button" id="btnOK" value="确定" disabled="true" />

JavaScript

$(document).ready(function(){//等待 dom 元素加载完毕
    var $cr = $("#cr");//jQuery 对象
    var cr = $cr[0];//DOM 对象，或者$cr.get(0)
    var $btnOK = $("#btnOK");//jQuery 对象
    var btnOK = $btnOK[0];//DOM对象,或者$btnOK.get(0)
    $cr.click(function(){
        //if(cr.checked){//DOM方式判断
        if($cr.is(":checked")){//jQuery 方式判断
            //alert("感谢你的支持!你可以继续操作!");
            //btnOK.disabled = true;
            $btnOK.attr("disabled",false);
        }else{
            $btnOK.attr("disabled",true);
        }
    });
});