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

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

html代码

?
1
2
3
4
5
< 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代码

?
1
2
3
4
5
6
7
8
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。

解决方法是如下:

?
1
2
3
4
var els =document.getElementsByName( "search" );
for ( var i = 0, j = els.length; i < j; i++){
alert(els[i].value);
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值