JS实现点击复选框将按钮或文本框变为灰色不可用的方法


Posted in Javascript onAugust 11, 2015

本文实例讲述了JS实现点击复选框将按钮或文本框变为灰色不可用的方法。分享给大家供大家参考。具体如下:

在注册时候经常会看不到,如果不点击阅读注册许可的话,提交按钮是灰色的,失效不能提交,必须点它一下,这个JS代码就是实现这样一个功能,只有你点击了确认提交,下边的按钮才生效。

运行效果如下图所示:

JS实现点击复选框将按钮或文本框变为灰色不可用的方法

具体代码如下:

<html>
<head>
<title>点击复选框按钮变为不可用</title>
</head>
<script>
var checkobj
function agreesubmit(el){
checkobj=el
if (document.all||document.getElementById){
for (i=0;i<checkobj.form.length;i++){ 
var tempobj=checkobj.form.elements[i]
if(tempobj.type.toLowerCase()=="submit")
tempobj.disabled=!checkobj.checked
}
}
}
function defaultagree(el){
if (!document.all && !document.getElementById){
if (window.checkobj && checkobj.checked)
return true
else{
alert("Please read/accept terms to submit form")
return false
}
}
}
</script>
<body>
<form name="agreeform" onSubmit="return defaultagree(this)">
<input name="agreecheck" type="checkbox" onClick="agreesubmit(this)"><b>你确认要提交?</b><br>
<input type="Submit" value="我一定要提交" disabled>
</form>
<script>
document.forms.agreeform.agreecheck.checked=false
</script>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
通过JS 获取Mouse Position(鼠标坐标)的代码
Sep 21 Javascript
仅IE支持clearAttributes/mergeAttributes方法使用介绍
May 04 Javascript
jquery中animate动画积累的解决方法
Oct 05 Javascript
js检验密码强度(低中高)附图
Jun 05 Javascript
页面加载完后自动执行一个方法的js代码
Sep 06 Javascript
js使用心得分享
Jan 13 Javascript
JS中mouseover和mouseout多次触发问题如何解决
Jun 06 Javascript
vue 项目build错误异常的解决方法
Apr 22 Javascript
Vue3项目打包后部署到服务器 请求不到后台接口解决方法
Feb 06 Javascript
JS中的变量作用域(console版)
Jul 18 Javascript
vue pages 多入口项目 + chainWebpack 全局引用缩写说明
Sep 21 Javascript
通过滑动翻页效果实现和移动端click事件问题
Jan 26 Javascript
js控制元素显示在屏幕固定位置及监听屏幕高度变化的方法
Aug 11 #Javascript
js模仿php中strtotime()与date()函数实现方法
Aug 11 #Javascript
JavaScript SHA512&amp;SHA256加密算法详解
Aug 11 #Javascript
js中 javascript:void(0) 用法详解
Aug 11 #Javascript
高性能JavaScript 重排与重绘(2)
Aug 11 #Javascript
tuzhu_req.js 实现仿百度图片首页效果
Aug 11 #Javascript
省市区三级联动下拉框菜单javascript版
Aug 11 #Javascript
You might like
PHP下通过系统信号量加锁方式获取递增序列ID
2009/09/25 PHP
PHP实现加密文本文件并限制特定页面的存取的效果
2016/10/21 PHP
ThinkPHP 模板substr的截取字符串函数详解
2017/01/09 PHP
PHP简单读取xml文件的方法示例
2017/04/20 PHP
PHP排序算法之冒泡排序(Bubble Sort)实现方法详解
2018/04/20 PHP
XmlUtils JS操作XML工具类
2009/10/01 Javascript
同域jQuery(跨)iframe操作DOM(实例讲解)
2013/12/19 Javascript
js控制当再次点击按钮时的间隔时间
2014/06/03 Javascript
兼容主流浏览器的JS复制内容到剪贴板
2014/12/12 Javascript
浅谈JavaScript中的string拥有方法的原因
2015/08/28 Javascript
mvvm双向绑定机制的原理和实现代码(推荐)
2016/06/07 Javascript
想学习javascript JS和jQuery哪个重要 先学哪个
2016/12/11 Javascript
JavaScript三种绑定事件方式及相互之间的区别分析
2017/01/10 Javascript
老生常谈js中的MVC
2017/07/25 Javascript
Vue.js移动端左滑删除组件的实现代码
2017/09/08 Javascript
weebox弹出窗口不居中显示的解决方法
2017/11/27 Javascript
vue的for循环使用方法
2019/02/12 Javascript
JavaScript实现省市联动效果
2019/11/22 Javascript
js实现坦克大战游戏
2020/02/24 Javascript
Vue实现手机扫描二维码预览页面效果
2020/05/28 Javascript
Vue2.0 $set()的正确使用详解
2020/07/28 Javascript
EXTJS7实现点击拖拉选择文本
2020/12/17 Javascript
Python加pyGame实现的简单拼图游戏实例
2015/05/15 Python
在Python程序和Flask框架中使用SQLAlchemy的教程
2016/06/06 Python
详解Django rest_framework实现RESTful API
2018/05/24 Python
python解析含有重复key的json方法
2019/01/22 Python
python+openCV利用摄像头实现人员活动检测
2019/06/22 Python
python常用运维脚本实例小结
2020/02/14 Python
Manuka Doctor美国官网:麦卢卡蜂蜜和蜂毒护肤
2016/12/25 全球购物
美国LOGO设计公司:The Logo Company
2018/07/16 全球购物
女儿十岁生日答谢词
2014/01/27 职场文书
党委书记个人对照检查材料
2014/09/15 职场文书
优秀党员申报材料
2014/12/18 职场文书
五好家庭申报材料
2014/12/20 职场文书
django上传文件的三种方式
2021/04/29 Python
SpringCloud项目如何解决log4j2漏洞
2022/04/10 Java/Android