Question

<p class="input-group pwdField">
   <input type="password" name="password" placeholder="Enter your Password" required>
   <i class="fa fa-eye"></i>
</p>

这是我的HTML标记，我的jquery代码如下所示。

$(function() {

    $( ".input-group" ).children("i").click(function() {

        $( this ).toggleClass("fa-eye fa-eye-slash");

        var inputField = $(".pwdField").children().first();

        if ( $(inputField).attr("type", "password") ) {

            $(inputField).attr("type", "text");

        } else {
            $(inputField).attr("type", "password");
        }

    });

}); // End of document.ready();

请帮助我，当我点击输入字段中的眼睛图标时，everythng工作正常，但当我再次点击时，输入字段不会将其属性从typee =“text”更改回type =“password”

Answer 1

设置 if()中的属性，以便您查看它的价值

而是尝试做类似的事情：

// get the attribute value
var type = $(inputField).attr("type"); 
// now test it's value
if( type === 'password' ){
  $(inputField).attr("type", "text");
}else{
  $(inputField).attr("type", "password");
}

注意区别......当你提供第二个参数时设置，当

时获取

为什么我的JQuery Toggle密码可见性不起作用？

1 个答案: