密碼的顯示與隱藏 只需切換type 為text,或者password。
html
<li class="aui-list-item"> <div class="aui-list-item-inner"> <div class=" iphoe-pic suo-pic"></div> <div class="see"> <img src="../image/login/openeye.png" id="openEye" style="display:none;"> <img src="../image/login/closeeye.png" alt="隱藏密碼" id="closeEye" > </div> <div class="aui-list-item-input aui-padded-l-10"> <input type="password" placeholder="請輸入密碼" id="password" class="input-login"> </div> </div> </li>
js
$("#openEye").click(function(){ $("#password").attr("type","password"); $("#openEye").hide(); $("#closeEye").show(); }); $("#closeEye").click(function(){ $("#password").attr("type","text"); $("#closeEye").hide(); $("#openEye").show(); });