欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JS获得多个同name 的input输入框的值的实现方法

程序员文章站 2022-04-25 17:50:05
先看下基于js代码实现input密码输入框输入密码变黑点密文。具体代码如下所示: html代码

先看下基于js代码实现input密码输入框输入密码变黑点密文。具体代码如下所示:

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');
 // 把用户输入的明文变为md5:
 md5_pwd.value = tomd5(input_pwd.value);
 // 继续下一步:
 return true;
}

补充:js获得多个同name 的input输入框的值

 起初是使用document.all.id.length获得输入框的个数,但时而正常,时而显示undefined,效果不是很好,网上信息说document.all不是兼容所有浏览器的,现在似乎是只支持ie。

解决方法是如下:

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

以上所述是小编给大家介绍的js代码实现input密码输入框输入密码变黑点密文,希望对大家有所帮助