手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JS禁用页面上所有控件的实现方法(附demo源码下载)
JS禁用页面上所有控件的实现方法(附demo源码下载)
摘要:本文实例讲述了JS禁用页面上所有控件的实现方法。分享给大家供大家参考,具体如下:利用页面元素的特征,可以捕捉到所有元素。functionDi...

本文实例讲述了JS禁用页面上所有控件的实现方法。分享给大家供大家参考,具体如下:

利用页面元素的特征,可以捕捉到所有元素。

function DisableElements(container,blnHidenButton) { if (!container) return; var aEle; if (navigator.appName =="Microsoft Internet Explorer") //IE { for (var i=0;i<container.all.length;i++) { aEle = container.all[i]; tagName = aEle.tagName.toUpperCase(); if ((tagName=="SELECT")) { aEle.disabled = true; if(tagName=="BUTTON" && blnHidenButton) { //aEle.style.display = "none";//对button不做处理 } } else if (tagName=="INPUT") { if (aEle.type.toUpperCase()!="HIDDEN") { if (aEle.type.toUpperCase()=="TEXT") { ReadonlyText(aEle); } else if (aEle.type.toUpperCase()=="BUTTON") { //do nothing; } else { aEle.disabled = true; } } if((aEle.type.toUpperCase()=="BUTTON"||aEle.type.toUpperCase()=="SUBMIT") && blnHidenButton) { //aEle.style.display = "none";//对button不处理 } } else if (tagName=="TEXTAREA") { ReadonlyText(aEle); } } } else//非IE浏览器 { var aEle = container.getElementsByTagName("select"); for (var i=0;i< aEle.length;i++) { aEle[i].disabled = true; } aEle = container.getElementsByTagName("button"); for (var i=0;i< aEle.length;i++) { aEle[i].disabled = true; } aEle = container.getElementsByTagName("textarea"); for (var i=0;i< aEle.length;i++) { ReadonlyText(aEle[i]); } aEle = container.getElementsByTagName("input"); for (var i=0;i< aEle.length;i++) { if (aEle[i].type.toUpperCase()!="HIDDEN") { if (aEle[i].type.toUpperCase()=="TEXT") { ReadonlyText(aEle[i]); } else { aEle[i].disabled = true; } } if((aEle[i].type.toUpperCase()=="BUTTON"||aEle[i].type.toUpperCase()=="SUBMIT")&&blnHidenButton) { aEle[i].style.display = "none"; } } } } function ReadonlyText(objText) { if (objText){ //objText.style.backgroundColor = "menu"; objText.style.background = "#E6E6E6"; //objText.style.color = "black"; objText.readOnly=true; } }

效果非常好,我这里将button全部保留了,如果想将button也禁用掉,可以将注释去掉。

调用代码:

假设有个name为formeditor的form,调用方法如下:

var myForm=document.forms["formEditor"]; DisableElements(myForm,'true');

完整实例代码点击此处本站下载。

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

【JS禁用页面上所有控件的实现方法(附demo源码下载)】相关文章:

jQuery Timelinr实现垂直水平时间轴插件(附源码下载)

JavaScript数组去重的3种方法和代码实例

JavaScript中的sub()方法的使用介绍

JavaScript中指定函数名称的相关方法

javascript搜索框效果实现方法

javascript瀑布流布局实现方法详解

Jquery注册事件实现方法

js控制div弹出层实现方法

jQuery实现页面内锚点平滑跳转特效的方法总结

JavaScript检测字符串中是否含有html标签实现方法

精品推荐
分类导航