input 密码显示与隐藏

H5隐藏密码与显示 HTML

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

js

var iconeye=$('.icon-hide'),

	password=$('.new_password').find('input');
	password.type="password";

	function hideShowpPsw(){
		if(password.type=='password'){
			password.type='text';
			iconeye.removeClass('icon-yanjing1').addClass('icon-yanjing');
			password.attr('type','text');


		}else{
			password.type='password';
			password.attr('type','password');
			iconeye.removeClass('icon-yanjing').addClass('icon-yanjing1')
				console.log(password);
		}
	}
$('.weui-cell__ft').on('click','span',function(){
	hideShowpPsw()
})
复制代码

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