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