input 密码显示与隐藏

深藏阁楼爱情的钟 2022-01-19 01:59 561阅读 0赞

H5隐藏密码与显示 HTML

  1. <div class="weui-cell__bd new_password">
  2.             <input class="weui-input" placeholder="请输入您的原始密码"  value='213' type="password" maxlength="16">
  3.         </div>
  4.         <div class="weui-cell__ft">
  5.         <span class="iconfont icon-yanjing1 icon-hide"></span>
  6.         </div>
  7. 复制代码

js

  1. var iconeye=$('.icon-hide'),
  3.     password=$('.new_password').find('input');
  4.     password.type="password";
  6.     function hideShowpPsw(){
  7.         if(password.type=='password'){
  8.             password.type='text';
  9.             iconeye.removeClass('icon-yanjing1').addClass('icon-yanjing');
  10.             password.attr('type','text');
  13.         }else{
  14.             password.type='password';
  15.             password.attr('type','password');
  16.             iconeye.removeClass('icon-yanjing').addClass('icon-yanjing1')
  17.                 console.log(password);
  18.         }
  19.     }
  20. $('.weui-cell__ft').on('click','span',function(){
  21.     hideShowpPsw()
  22. })
  23. 复制代码

转载于:https://juejin.im/post/5cc7e2156fb9a0321556ee30

发表评论

表情：
评论列表 （有 0 条评论，561人围观）

还没有评论，来说两句吧...

相关阅读