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代码
Mar 25 Javascript
JQuery之focus函数使用介绍
Aug 20 Javascript
让javascript加载速度倍增的方法(解决JS加载速度慢的问题)
Dec 12 Javascript
JS实现很酷的水波文字特效实例
Feb 26 Javascript
jQuery事件绑定on()与弹窗实现代码
Apr 28 Javascript
微信小程序 wx.uploadFile无法上传解决办法
Dec 14 Javascript
jQuery插件HighCharts绘制2D带有Legend的饼图效果示例【附demo源码下载】
Mar 10 Javascript
Vue.js基础指令实例讲解(各种数据绑定、表单渲染大总结)
Jul 03 Javascript
收集前端面试题之url、href、src
Mar 22 Javascript
JS实现打砖块游戏
Feb 14 Javascript
JS通过识别id、value值对checkbox设置选中状态
Feb 19 Javascript
Vue+Bootstrap收藏(点赞)功能逻辑与具体实现
Oct 22 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
第二节 对象模型 [2]
2006/10/09 PHP
jQuery EasyUI API 中文文档 - DateBox日期框
2011/10/15 PHP
用PHP编写和读取XML的几种方式
2013/01/12 PHP
PHP验证码函数代码(简单实用)
2013/09/29 PHP
php检索或者复制远程文件的方法
2015/03/13 PHP
iOS+PHP注册登录系统 PHP部分(上)
2016/12/26 PHP
看了就知道什么是JSON
2007/12/09 Javascript
js 调整select 位置的函数
2008/02/21 Javascript
jquery.ui.progressbar 中文文档
2009/11/26 Javascript
jquery formValidator插件ajax验证 内容不做任何修改再离开提示错误的bug解决方法
2013/01/04 Javascript
JavaScript设置首页和收藏页面的小例子
2013/11/11 Javascript
JS获取随机数函数可自定义最小值最大值
2014/05/08 Javascript
jquery地址栏链接与a标签链接匹配之特效代码总结
2015/08/24 Javascript
javascript中Date对象应用之简易日历实现
2016/07/12 Javascript
jQuery插件FusionWidgets实现的AngularGauge图效果示例【附demo源码】
2017/03/23 jQuery
JS 组件系列之Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案
2017/06/30 Javascript
vue+springboot前后端分离实现单点登录跨域问题解决方法
2018/01/30 Javascript
JavaScript解析机制与闭包原理实例详解
2019/03/08 Javascript
javascript实现弹出层效果
2019/12/10 Javascript
解决vscode进行vue格式化,会自动补分号和双引号的问题
2020/10/26 Javascript
基于vue实现微博三方登录流程解析
2020/11/04 Javascript
Python实现复杂对象转JSON的方法示例
2017/06/22 Python
Python实现修改IE注册表功能示例
2018/05/10 Python
Python之inspect模块实现获取加载模块路径的方法
2018/10/16 Python
python3实现表白神器
2019/04/09 Python
实例讲解Python 迭代器与生成器
2020/07/08 Python
小程序瀑布流解决左右两边高度差距过大的问题
2019/02/20 HTML / CSS
Hunkemöller瑞士网上商店:欧洲最大的内衣品牌之一
2018/12/03 全球购物
巴西Mr. Cat在线商店:购买包包和鞋子
2019/09/08 全球购物
大三学生入党思想汇报
2014/01/02 职场文书
法律意见书范文
2015/06/04 职场文书
学历证明样本
2015/06/16 职场文书
2016年公司新年寄语
2015/08/17 职场文书
python geopandas读取、创建shapefile文件的方法
2021/06/29 Python
MySQL数据库之内置函数和自定义函数 function
2022/06/16 MySQL
JS前端使用canvas实现物体的点选示例
2022/08/05 Javascript