下面是我的实当代码
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实现表单密码的隐蔽和显示出来的全部内容,希望对大家有所帮助!
请大家多多关注我的头条号,感激大家