jquery-实现明密文密码的显示

xyc

      项目中所用到的密码显示的基本都是密文的，当我们输入的时候可以点击查看下所输入的是否正确，下面咱们就来说下密码的明密文显示的方法。
      通常我们输入的时候都是这样显示的：
      
        通过点击后面的图标，点击代码：
        

[JavaScript] 纯文本查看 复制代码

 $(".viewpwd").click(function () {
                if ($(this).hasClass("active")) {
                    $(this).siblings("input").attr("type", "password");
                    $(this).removeClass("active");
                } else {
                    $(this).addClass("active");
                    $(this).siblings("input").attr("type", "text");
                }
               
            })

        点击后的效果：
        
       主要是通过点击来改变input元素的type的值(type=”text”,type=”password”)来实现。希望可以帮助到大家！

范范

支持