下面是我的实当代码
1 jsp代码
<tr>
<td><!-- 密码 --><spring:message code=\"大众login.006\"大众/></td>
<td>
<input name=\公众password\"大众 style=\公众width:280px;\公众 id=\"大众loginPassword\"大众 type=\"大众password\公众 />
<input type=\"大众checkbox\"大众 id=\"大众showPass\公众 onclick=\"大众showPass()\"大众 />
</td>
</tr>
2 js代码
function showPass(){
if($(\"大众#showPass\公众).is(':checked')){
$(\"大众#loginPassword\公众).attr(\公众type\"大众, \"大众text\"大众);
}else{
$(\"大众#loginPassword\"大众).attr(\"大众type\公众, \公众password\"大众);
}
}
这便是逻辑代码, 代码量不多. 大家在测试的时候, 把稳细节就好.
3 进行测试
选中复选框
未选中复选框
以上是给大家分享的基于jquery实现表单密码的隐蔽和显示出来的全部内容,希望对大家有所帮助!
请大家多多关注我的头条号,感激大家