DOM对象—选中执行效果

---恢复内容开始---

例如我们注册时，一些法律条例，我们是否同意决定着能否注册。在选择同意或不同意时出现的效果。

 

先在body里做一个按钮和选项框。

        <input type="checkbox" id="zc" onclick="xg()" />同意
        <input type="button" value="注册" id="btn" disabled="disabled" />

→

 

然后开始写DOM对象的效果。

    function xg(){
        
        //找到复选框
        var zc = document.getElementById("zc");
        //找到按钮
        var btn = document.getElementById("btn");
        //判断复选框中的选中状态
        if(zc.checked){
            //移除按钮的不可用属性
            btn.removeAttribute("disabled")
        }
        else{
            //设置不可用属性
            btn.setAttribute("disabled","disabled")
        }
    }