XIUNO添加一个协议勾选框简易方案
修罗学院 2022-10-18

☑勾选即表示认同本站所有条款

相信大家并不会陌生,今天我要跟大家讲的就是根本学院修改的一样的协议勾选框。

【本学院依照轻鸿2.0版本主题演示】

登入页面修改前:

修改教程:

首先找到;user_login.htm

然后定位到;<!--{hook user_login_password_after.htm}-->

再然后添加代码内容:

<script  src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" ></script>

    <input type="checkBox" onclick="if (this.checked) {enable()} else {disable()}">
    <a href="https://xiu.no/thread-168.htm" data-toggle="tooltip" data-placement="top" title="" target="_blank" class="badge badge-danger" data-original-title="点击查看条款">勾选即表示认同本站所有条款</a>

参考本学院如下图所示:

登入页面修改后:(不勾选默认是没法选择登入的,必须要手动勾选协议;协议有提示点击阅读

注册页面修改前:

注册页面修改后:

忘记密码修改前:

忘记密码修改后:

 

前面的所有方法都登入页面一样的操作,注意在按钮的地方插入一个disabled="true"

另外三个页面的尾部还需要添加这段代码:

<script type="text/javascript" >
function disable()
  {
  document.getElementById("submit").disabled=true
  }
function enable()
  {
  document.getElementById("submit").disabled=false
  }
</script>
Markup

 

以上本人现学现卖的教程分享完,抓紧去体验吧!

最新回复 (13)
全部楼主
  • 修罗学院 版主 楼主
    2022-10-18 2
    0
    哈哈,不错哦!
  • meirenr
    2022-10-20 3
    0
    不错的帖子!
  • Tillreetree 版主
    2022-10-20 4
    0
    看起来不需要再引入jquery……
  • 小白白888
    2022-10-20 5
    0
    不错的帖子!
  • yhk
    2022-10-22 6
    0
    bx不行,勾选了登录按钮也点不了
  • kkapi
    2022-10-31 7
    0
    非常棒!!!
  • waltshen
    2022-11-11 8
    0
    面对如此强贴,论遇到多大阻力,只要我一息上尚存,就绝不会让它沉沦下去,这一点请楼主放心。 
  • chengxin
    2022-12-30 9
    0
    yhk bx不行,勾选了登录按钮也点不了
    我也一样
  • chengxin
    2022-12-30 10
    0
    disabled="true"
    删除了这个就可以了,但是删除之后不勾选也能登陆
  • chen183
    2023-1-5 11
    0
    我要拿出这帖子奉献给世人赏阅,我要把这个帖子一直往上顶,往上顶!顶到所有人都看到为止! 
  • nxc
    2023-1-10 12
    0
    我要拿出这帖子奉献给世人赏阅,我要把这个帖子一直往上顶,往上顶!顶到所有人都看到为止! 
  • lili
    2023-1-17 13
    0
    不错的帖子!
  • wohenfeijie
    3月前 14
    0
    面对如此强贴,论遇到多大阻力,只要我一息上尚存,就绝不会让它沉沦下去,这一点请楼主放心。 
返回