表单checkbox和submit互动:必须先勾选注册协议,注册按钮才可点击

分类栏目:帝国学院

发布于

有个小伙伴让墨鱼帮忙做个小东西,注册页面必须先勾选注册协议,注册按钮才可点击。效果如下:

表单checkbox和submit互动:必须先勾选注册协议,注册按钮才可点击

其实这个用JS来写是很简单的,分享代码如下:

<script type="text/javascript">
function confirmBox(){
        if(document.getElementById("checked").checked==true)
        {
                document.getElementById("submitBtn").disabled="";
        }else{
                document.getElementById("submitBtn").disabled="disabled";
        }
}
</script>

<li><input id="checked" type="checkbox" onclick="confirmBox()"/> 同意注册协议</li>
<li><input id="submitBtn" type='submit' name='Submit' value='注 册' class="insub" disabled="disabled"></li>

查看原内容