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 相关文章推荐
TextArea 控件的最大长度问题(js json)
Dec 16 Javascript
jQuery 选择器、DOM操作、事件、动画
Nov 25 Javascript
js弹出的对话窗口永远保持居中显示
Dec 15 Javascript
滚动图片效果 jquery实现回旋滚动效果
Jan 08 Javascript
jquery取消选择select下拉框示例代码
Feb 22 Javascript
解决jQuery ajax请求在IE6中莫名中断的问题
Jun 20 Javascript
让编辑器支持word复制黏贴、截屏的js代码
Oct 17 Javascript
Ajax与服务器(JSON)通信实例代码
Nov 05 Javascript
浅析bootstrap原理及优缺点
Mar 19 Javascript
vue 的 solt 子组件过滤过程解析
Sep 07 Javascript
Vue组件通信入门之Provide和Inject机制
Dec 29 Javascript
vue el-upload上传文件的示例代码
Dec 21 Vue.js
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的开合式多级菜单程序
2006/10/09 PHP
Php中文件下载功能实现超详细流程分析
2012/06/13 PHP
自己写的兼容低于PHP 5.5版本的array_column()函数
2014/10/24 PHP
Google Suggest ;-) 基于js的动态下拉菜单
2006/10/11 Javascript
JavaScript设置FieldSet展开与收缩
2009/05/15 Javascript
JavaScript 对话框和状态栏使用说明
2009/10/25 Javascript
js绑定事件this指向发生改变的问题解决方法
2013/04/23 Javascript
Angularjs 制作购物车功能实例代码
2016/09/14 Javascript
浅谈jQuery添加的HTML,JS失效的问题
2016/10/05 Javascript
基于jQuery实现瀑布流页面
2017/04/11 jQuery
详解VUE 定义全局变量的几种实现方式
2017/06/01 Javascript
JS实现统计字符串中字符出现个数及最大个数功能示例
2018/06/04 Javascript
详解在网页上通过JS实现文本的语音朗读
2019/03/28 Javascript
Vue实现按钮级权限方案
2019/11/21 Javascript
[49:28]VP vs Optic 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python读写Excel文件方法介绍
2014/11/22 Python
深入解析Python中的变量和赋值运算符
2015/10/12 Python
利用Python代码实现数据可视化的5种方法详解
2018/03/25 Python
对pandas中Series的map函数详解
2018/07/25 Python
python画柱状图--不同颜色并显示数值的方法
2018/12/13 Python
python 自定义对象的打印方法
2019/01/12 Python
Python常见的pandas用法demo示例
2019/03/16 Python
Python实现TCP探测目标服务路由轨迹的原理与方法详解
2019/09/04 Python
Python实现使用dir获取类的方法列表
2019/12/24 Python
Python GUI编程学习笔记之tkinter中messagebox、filedialog控件用法详解
2020/03/30 Python
python 从list中随机取值的方法
2020/11/16 Python
妇产科护士自我鉴定
2013/10/15 职场文书
会计电算化个人自我评价
2013/11/17 职场文书
《卖木雕的少年》教学反思
2014/04/11 职场文书
资产运营委托书范本
2014/10/16 职场文书
先进教师事迹材料
2014/12/16 职场文书
2014公司年终工作总结
2014/12/19 职场文书
交通安全学习心得体会
2016/01/18 职场文书
你对自己的信用报告有过了解吗?
2019/07/09 职场文书
一文了解JavaScript用Element Traversal新属性遍历子元素
2021/11/27 Javascript
使用MybatisPlus打印sql语句
2022/04/22 SQL Server