利用javascript實(shí)現(xiàn)禁用網(wǎng)頁(yè)上所有文本框,下拉菜單,多行文本域
更新時(shí)間：2013年12月14日 09:58:54 作者：
這篇文章主要介紹了利用javascript實(shí)現(xiàn)禁用網(wǎng)頁(yè)上所有文本框,下拉菜單,多行文本域。需要的朋友可以過來(lái)參考下，希望對(duì)大家有所幫助
原理就是循環(huán)獲取網(wǎng)頁(yè)上的控件，然后設(shè)置disabled 屬性為true.
代碼如下：
復(fù)制代碼 代碼如下:
<script type="text/javascript">
var nodeList = document.getElementsByTagName("input");
for (var i = 0; i < nodeList.length; i++) {
nodeList[i].disabled = true;
}
nodeList = document.getElementsByTagName("select");
for (var i = 0; i < nodeList.length; i++) {
nodeList[i].disabled = true;
}
nodeList = document.getElementsByTagName("textarea");
for (var i = 0; i < nodeList.length; i++) {
nodeList[i].disabled = true;
}
</script>
下面是這些控件的類型：
通過document.getElementsByName("controlName")[0].type.toLocaleLowerCase()可以獲取。
根據(jù)控件的不同有下面幾種類型：
"text"
"textarea"
"select-one"
"select-multiple"
"radio"
"checkbox"
您可能感興趣的文章:
相關(guān)文章
對(duì)JavaScript的eval()中使用函數(shù)的進(jìn)一步討論
《JavaScript語(yǔ)言精髓與編程實(shí)踐》的讀者I22141提出了一問題：為什么下面這段代碼在JScript 和SpiderMonkey中表現(xiàn)不一樣：2008-07-07
使用clipboard.js實(shí)現(xiàn)復(fù)制功能的示例代碼
本篇文章主要介紹了使用clipboard.js實(shí)現(xiàn)復(fù)制功能的示例代碼，詳細(xì)介紹了clipboard.js插件的使用，有興趣的可以了解一下2017-10-10
關(guān)于JavaScript中的數(shù)組方法和循環(huán)
這篇文章主要介紹了關(guān)于JavaScript中的數(shù)組方法和循環(huán)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
寫了一個(gè)layout，拖動(dòng)條連貫，內(nèi)容區(qū)可為iframe
寫了一個(gè)layout，拖動(dòng)條連貫，內(nèi)容區(qū)可為iframe...2007-08-08
javascript實(shí)現(xiàn)簡(jiǎn)單的on事件綁定
這篇文章主要介紹了javascript中Event 對(duì)象中的 on, off 方法，非常的簡(jiǎn)單實(shí)用，有需要的小伙伴可以參考下2016-08-08
這篇文章主要介紹了使用grunt合并壓縮js和css文件的方法,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-03-03
Layui數(shù)據(jù)表格之獲取表格中所有的數(shù)據(jù)方法
今天小編就為大家分享一篇Layui數(shù)據(jù)表格之獲取表格中所有的數(shù)據(jù)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧2018-08-08
js使用setTimeout實(shí)現(xiàn)定時(shí)炸彈的方法
這篇文章主要介紹了js使用setTimeout實(shí)現(xiàn)定時(shí)炸彈的方法,涉及javascript中setTimeout方法的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-04-04
這里給大家分享的是本人近期學(xué)習(xí)與使用javascript之后總結(jié)出來(lái)的一些經(jīng)驗(yàn)和心得，雖然目前只有5點(diǎn)，但以后會(huì)慢慢更新，希望對(duì)大家能有所幫助。2015-01-01
JS刷新當(dāng)前頁(yè)面的幾種方法總結(jié)
本篇文章主要是對(duì)JS刷新當(dāng)前頁(yè)面的幾種方法進(jìn)行了詳細(xì)的總結(jié)介紹，需要的朋友可以過來(lái)參考下，希望對(duì)大家有所幫助2013-12-12