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

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

浏览次数:
作者: 墨鱼
信息来源: 本站原创
更新日期: 2024-04-19 17:06:16
文章简介

注册页面优化:为提升用户体验,我们现对表单进行升级。勾选注册协议成为必要步骤,确保您了解并同意相关条款。完成勾选后,注册按钮方可激活,助您顺利完成注册流程。

  • 正文开始
  • 相关阅读
  • 推荐作品

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

表单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>
制作了一个非常漂亮的跳转页面效果 自适应手机
« 上一篇 2024年04月08日
jquery/js通过当前URL对当前栏目链接高亮显示
下一篇 » 2024年05月06日

如本文对您有帮助,就请墨鱼抽根烟吧!