整理:密码输入框点击眼睛可以查看密码

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_41229582/article/details/84060996

HTML:

<div class="form-text-login nob">
   <label class="font-two iconfont icon-suo"></label>
   <input style="border: none" maxlength="16" type="password" name="password" id="lPassword" class="form-text "   placeholder="请输入密码">
   <i class="r loginI  iconfont icon-biyanjing" id="togglePassword"></i>
</div>

JQ:

$("#togglePassword").click(function () {
         var hClass= $("#togglePassword").hasClass("icon-yanjing");
   if(hClass==true){
              $("#togglePassword").removeClass("icon-yanjing");
              $("#togglePassword").addClass("icon-biyanjing");
              $("#lPassword").attr("type", "password");
   }else if(hClass==false){
              $("#togglePassword").addClass("icon-yanjing");
              $("#togglePassword").removeClass("icon-biyanjing");
              $("#lPassword").attr("type", "text");
   }
效果图: