利用javascript實(shí)現(xiàn)禁用網(wǎng)頁上所有文本框,下拉菜單,多行文本域
更新時(shí)間：2013年12月14日 09:58:54 作者：
這篇文章主要介紹了利用javascript實(shí)現(xiàn)禁用網(wǎng)頁上所有文本框,下拉菜單,多行文本域。需要的朋友可以過來參考下，希望對大家有所幫助
原理就是循環(huán)獲取網(wǎng)頁上的控件，然后設(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)文章
JS獲取當(dāng)前日期時(shí)間并定時(shí)刷新示例
這篇文章主要介紹了JS如何獲取當(dāng)前日期時(shí)間并執(zhí)行定時(shí)刷新，示例代碼如下，需要的朋友不要錯(cuò)過2014-06-06
在彈出層后，tab鍵還可以在目頁中操作，這回導(dǎo)致腳本錯(cuò)誤。那么我們?nèi)绻苊膺@種情況呢？下面小編就為大家介紹一下如何解決這個(gè)問題2013-11-11
Bootstrap select實(shí)現(xiàn)下拉框多選效果
這篇文章主要為大家詳細(xì)介紹了Bootstrap select實(shí)現(xiàn)下拉框多選效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
js實(shí)現(xiàn)鼠標(biāo)滑過文字鏈接色彩變化的效果
這篇文章主要介紹了js實(shí)現(xiàn)鼠標(biāo)滑過文字鏈接色彩變化的效果,涉及javascript鼠標(biāo)事件及樣式操作的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-05-05
微信小程序如何根據(jù)不同用戶切換不同TabBar(簡單易懂!)
小程序中我們可能需要根據(jù)不同的權(quán)限展示不同的tabbar,下面這篇文章主要給大家介紹了關(guān)于微信小程序如何根據(jù)不同用戶切換不同TabBar的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-04-04
在項(xiàng)目中遇到錯(cuò)誤提示“No 'Access-Control-Allow-Origin' header is present on the requested resource.”查了下度娘，這個(gè)問題和安全機(jī)制有關(guān)，默認(rèn)不允許跨域調(diào)用，這里記錄一下解決方案，防止以后再犯相同的錯(cuò)誤。2014-11-11
smartupload實(shí)現(xiàn)文件上傳時(shí)獲取表單數(shù)據(jù)(推薦)
這篇文章主要介紹了smartupload實(shí)現(xiàn)文件上傳時(shí)獲取表單數(shù)據(jù)的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-12-12
排序算法的理解算是程序員的基本功之一了，其功能是對一個(gè)數(shù)據(jù)元素集合或序列重新排列成一個(gè)按數(shù)據(jù)元素某個(gè)項(xiàng)值有序的序列。2011-02-02
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義支持圖片的彈窗，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-12-12
js history對象簡單實(shí)現(xiàn)返回和前進(jìn)
返回和前進(jìn)大家應(yīng)該不陌生吧，瀏覽器上面的返回和前進(jìn)按鈕大家瀏覽網(wǎng)頁時(shí)都會(huì)應(yīng)到的，下面就為大家介紹下js中是如何實(shí)現(xiàn)所謂的返回和前進(jìn)2013-10-10