我们注册时要勾选同意XXX协议，同时协议的标题为一个超链接，只有勾选了同意，才能点击提交。如何实现这个功能，下面是代码。...

最新推荐文章于 2022-12-24 20:53:56 发布
最新推荐文章于 2022-12-24 20:53:56 发布
阅读量4.1k 收藏 5
点赞数 4
文章标签： javascript php c# ViewUI
原文链接：http://www.cnblogs.com/leiqiannian/p/7743500.html
版权 
<html>
<head>
<script type="text/javascript">
function disable()
  {
  document.getElementById("accept").disabled=true
  }
function enable()
  {
  document.getElementById("accept").disabled=false
  }
</script>
</head>
<body>

<input type="checkBox" onclick="if (this.checked) {enable()} else {disable()}">同意协议
<br />
<br />
<br />
<input type="button" id="accept"  disabled="true" value="确定">

</body>
</html>

转载于:https://www.cnblogs.com/leiqiannian/p/7743500.html

weixin_30648587
关注
  • 4
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
填写信息时，勾选协议的时候下一步按钮才可用，才会跳转到信息页面，不勾选协议的时候下一步按钮不可用。
weixin_45819980的博客
11-02 2686
未勾选协议时，下一步按钮为不可点击状态 样式 结构及js <div class="xy-tip"> <input type="checkbox" id="checkbox" onclick="check()"/><span>我已阅读此协议</span> <span>温馨提示:阅读完此协议才能进行下一步</span> </div> <a href
提交表单时 checkbox必须要勾选才能提交
qq_42768690的博客
05-26 1713
上代码 <p><input id="checkbox" type="checkbox" name="rule">请认真填写</label></p> <p><label><input id="submit" type="submit" value="确认"></label></p> <script> window.onload=function(){
js实现用户注册协议倒计时的方法
12-10
本文实例讲述了js实现用户注册协议倒计时的方法。分享给大家供大家参考。具体实现方法如下： 代码如下:<html xmlns=”http://www.w3.org/1999/xhtml”>  <head>      <title>注册</title>      [removed]          //用户有十秒钟的时间看协议，超过十秒钟，“同意”按钮将生效          var Seconds = 10;          //计时器ID          var setIntervalID;          function
jsp 注册时同意协议才能点击注册按钮功能及样式控制 简单例子
qq_32217519的博客
06-20 4909
第一步：准备页面按钮 我已阅读同意遵守 《知住用户协议》 注册 第二步：用jq来控制可用及样式变化 function disable(){ documen
【避坑指“难”】复选框☑️勾选，按钮可点击。常用于注册页、须知页，同意XXX协议（内含material-ui的坑）
椰卤工程师的个人博客
12-04 1062
PM：“用户需要同意XXX协议，才能点击按钮，否则就给它置灰！！！” 我：你说的对 在项目中经常会有这样需求，特别是在H5移动端，成了家常便饭，今天来详细讲讲代码实现过程。 技术栈：react + material-ui + typescript 实现效果如下 下面放上主要代码，主要逻辑在于复选框checkbox和按钮button，上面的文字布局就不赘述喽。 由于使用的是material-ui，所以部分组件名字和antd是有区别的，大家举一反三就好啦。 部分逻辑会写在注释里！！！ HTML <G.
HTML注册时验证是否勾选协议
qq_41255880的博客
10-15 3436
<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <script> funct...
js实现注册页面勾选同意协议注册按钮变亮取消勾选变暗（亲测有效）
shaoNianABin123的博客
01-08 1674
<script type="text/javascript"> function disable() { //sign-up-form-submit-btn为checkbok的id var div = document.getElementById("sign-up-form-submit-btn"); div.style.backgroundColor='lightgrey';
【JavaScript源代码】javascript实现用户必须勾选协议实例讲解.docx
12-29
JavaScript 实现用户必须勾选协议的实例讲解是一个常见的前端交互设计，主要应用于用户注册或登录时，确保用户阅读并同意服务条款。在这个实例中，我们使用JavaScript来控制表单元素的禁用状态，只有当用户滚动到...
vue移动端项目搭建实现点击勾选
03-12
vue移动端项目搭建实现点击勾选
checkbox勾选判断代码分析
09-04
假设我们有一个ID为"xieYi"的复选框，我们想要在用户未勾选该复选框时弹出警告信息： ```javascript var xieYi = document.getElementById("xieYi"); if (!xieYi.checked) { alert("请先阅读并勾选注册协议！"); ...
基于vue v-for 循环复选框-默认勾选第一个的实现方法
12-29
应用场景：在进行多选的时候一般默认显示第一个。 实现方法：纯vue实现 例子： (one,index)><input type=checkbox :checked=index == ...以上这篇基于vue v-for 循环复选框-默认勾选第一个的实现方法就是小编分享给
easyui 中的datagrid跨页勾选问题的实现方法
08-31
当用户需要在多页中选择多个项目时，如何实现跨页勾选功能呢？标题和描述中提到的问题，实际上在EasyUI的框架内是可以解决的，只需要正确配置datagrid的属性和设置。 首先，我们需要理解EasyUI的datagrid是如何处理...
登录页面设置用户必须勾选且阅读完某种协议才能登录或注册
qq_51130780的博客
12-24 7524
制作登录页面有时需要用户勾选协议以及让用户浏览协议的业务功能的相关处理
[css3] 动画案例---会呼吸的圆
qq_14993591的博客
08-17 2023
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
软件测试基础-Web前端（二）
不问江湖
03-24 1000
表单的基本介绍 表单： 表单就是一种在互联网上用于收集用户输入信息的一种结构，在HTML中实现定义好的一个标签来完成这件事。标签名称叫form，是一个双标签。 <form action="#" method="get"> 用户名：<input type="text" name="username"/> <br> 密码框：<input type="password" name="password" /> <input typ
选中checkbox按钮后，submit按钮才可以点击,同意服务条款后，才可以注册
zhong871004的专栏
11-03 8293
 上面是checkbox，表示同意服务条款，下面是提交按钮，只有勾选checkbox才能进行注册，也就是submit才有用。function isaccepted(){ if(document.getElementById("check_id").checked==true){ document.getElementById("submit").disabled =
web页面之列表复选框选择功能
yan_dk的专栏
10-27 2430
功能概述           web页面中，常见先查询取得数据列表，然后选择数据列表中的数据记录，对这些数据记录进行相关的业务逻辑处理。处理思路是这样的，每条数据记录都有一个唯一标识，我们把每条数据记录的标识放置在选择框checkbox控件中，选中选择框后把这些数据记录标识累积赋值到一个输入域中，再将这个输入域传递给后台业务逻辑处理即可。 页面效果 源码构件 1.引用js库： /
Js勾选同意协议教程-更新篇
我的世界
07-13 4319
更新：添加css必要样式 修改js提交后的form提交链接 html添加了form标签 之前是登录的同意协议，现在改为注册同意协议
js同意勾选用户协议
最新发布
05-28
可以使用HTML的checkbox元素和JavaScript来实现勾选用户协议的功能。...这样，当用户点击提交按钮时，JavaScript会检查checkbox的状态，如果已勾选用户协议，则允许提交表单，否则弹出提示框要求用户勾选用户协议。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值