JavaScript 根據type篩選input
input根據type屬性值的不同分為多種型別。
比如文字框、核取方塊、單選按鈕或者密碼框等等。
下面介紹一下如何利用JavaScript篩選出某一類input元素。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script> window.onload=function(){ let inputs=document.getElementsByTagName("input"); let oshow=document.getElementById("show"); for(let index=0;index<inputs.length;index++){ if(inputs[index].type=="text"){ oshow.innerHTML=inputs[index].value; } } } </script> </head> <body> <div id="show"></div> <input type="text" value="螞蟻部落一"/> <input type="radio" value="螞蟻部落二"/> <input type="checkbox" value="螞蟻部落三"/> </body> </html>
程式碼執行效果截圖如下:
上述程式碼可以篩選出文字框,將其值寫入div中。
相關文章
- js根據input標籤的type屬性篩選元素JS
- jQuery type屬性值篩選input元素jQuery
- Pandas根據篩選條件對指定excel列進行篩選!神器!Excel
- js通過type屬性值篩選input元素程式碼例項JS
- 根據JSON自動構建的vue篩選框元件JSONVue元件
- 根據name屬性值篩選checkbox核取方塊
- 如何在列表,字典,集合中根據條件篩選資料
- javascript根據class獲取物件JavaScript物件
- <input type="file"> 選中多個檔案
- input[type=file]不能選擇同一張圖片
- [Java]根據檔案取得Mime Type的各種方法(轉)Java
- 【JavaScript】拖拽圖片檔案顯示縮圖 + div點選模擬 input[type=file]JavaScript
- react input[type='number']React
- input type="file"使用
- JavaScript字串物件 之 根據字元返回位置、根據位置返回字元、字串操作方法JavaScript字串物件字元
- JavaScript 根據物件鍵值進行排序JavaScript物件排序
- javascript實現根據點選按鈕的不同進行不同的操作JavaScript
- JQuery獲取input type=jQuery
- 微信小程式中根據字母選擇城市微信小程式
- JavaScript input type=file 獲取檔案大小及型別限制JavaScript型別
- HTML input type=file檔案選擇表單元素二三事HTML
- JavaScript根據出生日期計算年齡JavaScript
- 微信小程式--根據首字母選擇城市微信小程式
- 根據選擇的物料顯示其特性值
- 更改input的type屬性
- 根據JavaScript中原生的XMLHttpRequest實現jQuery的AjaxJavaScriptXMLHTTPjQuery
- 如何根據自己的需要選擇伺服器配置?伺服器
- 根據介面動態修改應用底部選單欄
- Jquery使用[Input type="checkbox&jQuery
- input[type=file]使用css美化效果CSS
- 如何清除<input type="file">的值
- type=“file”的input標籤美化
- 給<input type="file">增加樣式
- Map根據Value排序排序
- js中根據x,y 座標模擬點選事件JS事件
- 如何根據寶塔皮膚引數選擇伺服器伺服器
- 根據開源資料庫選擇合適的工具資料庫
- 根據datetimepicker選擇的日期計算年齡