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

2019-11-20 11:51:37

字体：大中小

来源：转载

供稿：网友

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

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

运行效果如下图所示：

具体代码如下：

<html><head><title>点击复选框按钮变为不可用</title></head><script>var checkobjfunction agreesubmit(el){checkobj=elif (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 trueelse{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程序设计有所帮助。

上一篇：js限制文本框只能输入中文的方法

下一篇：js控制元素显示在屏幕固定位置及监听屏幕高度变化的方法