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

最新推荐文章于 2024-08-13 11:47:46 发布

0100_0000_0100

最新推荐文章于 2024-08-13 11:47:46 发布

阅读量4.9k

点赞数

分类专栏：学习

本文链接：https://blog.csdn.net/qq_37701443/article/details/80614611

版权

学习专栏收录该内容

12 篇文章 0 订阅

订阅专栏

先看下基于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代码

 
         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); 
        
         }