密码框眨眼切换密/明文

密码框切换明文/密文的优点这里就不多谈，直接上效果图，以及代码。
效果图：

image.png

image.png

代码：
html：

 

    

        

            

                ×
                
修改密码
            
            

                

                    

                        原密码
                        

                            
                        
                    
                    

                        新密码
                        

                            
                        
                    
                    

                        确认密码
                        

                            
                        
                    
                    

                        

                            确定
                            取消
                        
                    
                
            
        
        
    
    

js

  $changePWD
            .on("click", ".oldPWD", function () {
                if ($(".oldPassword").attr("type") == "password") {
                    $(".oldPassword").attr("type", "text");
                    $(".oldPWD")
                    .removeClass("glyphicon-eye-close")
                    .addClass("glyphicon-eye-open")
                } else {
                    $(".oldPassword").attr("type", "password");
                    $(".oldPWD")
                    .removeClass("glyphicon-eye-open")
                    .addClass("glyphicon-eye-close")
                }
            })
            .on("click", ".newPWD", function () {
                if ($(".newPassword").attr("type") == "password") {
                    $(".newPassword").attr("type", "text");
                    $(".newPWD")
                    .removeClass("glyphicon-eye-close")
                    .addClass("glyphicon-eye-open")
                } else {
                    $(".newPassword").attr("type", "password");
                    $(".newPWD")
                    .removeClass("glyphicon-eye-open")
                    .addClass("glyphicon-eye-close")
                }
            })
            .on("click", ".confirmPWD", function () {
                if ($(".confirmPassword").attr("type") == "password") {
                    $(".confirmPassword").attr("type", "text");
                    $(".confirmPWD")
                    .removeClass("glyphicon-eye-close")
                    .addClass("glyphicon-eye-open")
                } else {
                    $(".confirmPassword").attr("type", "password");
                    $(".confirmPWD")
                    .removeClass("glyphicon-eye-open")
                    .addClass("glyphicon-eye-close")
                }
            })