JS獲得多個(gè)同name 的input輸入框的值的實(shí)現(xiàn)方法

更新時(shí)間：2017年01月09日 14:04:48 作者：小碼農(nóng)雯

這篇文章主要介紹了基于JS代碼實(shí)現(xiàn)input密碼輸入框輸入密碼變黑點(diǎn)密文以及JS獲得多個(gè)同name 的input輸入框的值的實(shí)現(xiàn)方法，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下

先看下基于JS代碼實(shí)現(xiàn)input密碼輸入框輸入密碼變黑點(diǎn)密文。具體代碼如下所示：

html代碼

<form id="login-form" method="post" onsubmit="return checkForm()">
 輸入密碼<input type="password" id="input-password">
 <input type="hidden" id="md5-password" name="password">
 <button type="submit">Submit</button>
</form>

js代碼

function checkForm() {
 var input_pwd = document.getElementById('input-password');
 var md5_pwd = document.getElementById('md5-password');
 // 把用戶輸入的明文變?yōu)镸D5:
 md5_pwd.value = toMD5(input_pwd.value);
 // 繼續(xù)下一步:
 return true;
}

補(bǔ)充：JS獲得多個(gè)同name 的input輸入框的值

起初是使用document.all.id.length獲得輸入框的個(gè)數(shù)，但時(shí)而正常，時(shí)而顯示undefined，效果不是很好，網(wǎng)上信息說document.all不是兼容所有瀏覽器的,現(xiàn)在似乎是只支持IE。

解決方法是如下：

var els =document.getElementsByName("search");
for (var i = 0, j = els.length; i < j; i++){
alert(els[i].value);
}

以上所述是小編給大家介紹的JS代碼實(shí)現(xiàn)input密碼輸入框輸入密碼變黑點(diǎn)密文，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

Layui 解決表格異步調(diào)用后臺(tái)分頁的問題
今天小編就為大家分享一篇Layui 解決表格異步調(diào)用后臺(tái)分頁的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2019-10-10
淺析JavaScript函數(shù)的調(diào)用模式
這篇文章主要為大家詳細(xì)介紹了JavaScript函數(shù)的調(diào)用模式，包括方法調(diào)用模式，構(gòu)造器調(diào)用模式，apply/call調(diào)用模式，感興趣的小伙伴們可以參考一下
2016-08-08
JavaScript中的私有成員
JavaScript中的私有成員...
2006-09-09
javascript中json基礎(chǔ)知識(shí)詳解
本文主要介紹了json的基礎(chǔ)知識(shí)。具有一定的參考價(jià)值，下面跟著小編一起來看下吧
2017-01-01
ES6 迭代器(Iterator)和 for.of循環(huán)使用方法學(xué)習(xí)(總結(jié))
這篇文章主要介紹了ES6 迭代器(Iterator)和 for.of循環(huán)使用方法學(xué)習(xí)總結(jié),小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-02-02
Jquery對(duì)數(shù)組的操作技巧整理
這篇文章主要介紹了Jquery對(duì)數(shù)組的操作技巧,需要的朋友可以參考下
2014-03-03
js模擬select下拉菜單控件的代碼
js模擬select下拉菜單控件的代碼，需要的朋友可以參考一下
2013-05-05
js中encode、decode的應(yīng)用說明
這里簡(jiǎn)單介紹下js中的encode、decode的字符
2012-10-10
js實(shí)現(xiàn)滾動(dòng)條滾動(dòng)到頁面底部繼續(xù)加載
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)滾動(dòng)條滾動(dòng)到頁面底部繼續(xù)加載，原理很簡(jiǎn)單，就是為window添加一個(gè)scroll事件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2015-12-12
Electron應(yīng)用顯示隱藏時(shí)展示動(dòng)畫效果實(shí)例
最近使用electron實(shí)現(xiàn)一個(gè)簡(jiǎn)單的功能,下面這篇文章主要給大家介紹了關(guān)于Electron應(yīng)用顯示隱藏時(shí)展示動(dòng)畫效果的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-05-05