jquery 密码框的显示与隐藏

最新推荐文章于 2022-09-02 08:31:39 发布

weixin_33824363

最新推荐文章于 2022-09-02 08:31:39 发布

阅读量270

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/softsky/blog/162583

版权

2019独角兽企业重金招聘Python工程师标准>>>

jquery实现密码框的显示隐藏。
代码：

<html> 
<head> 
<script type="text/javascript" src="jquery-1.5.1.min.js"></script> 
<script type="text/javascript">
/**
* jquery实现密码框的显示与隐藏
* edit by www.jbxue.com
*/ 
$(function(){ 
$("#chk").bind({ 
click: function(){ 
if($(this).attr("checked")){ 
$("#passwd2").val($("#passwd").val()); 
$("#passwd").hide(); 
$("#passwd2").show(); 
}else{ 
$("#passwd").val($("#passwd2").val()); 
$("#passwd2").hide(); 
$("#passwd").show(); 
} 
} 
}); 
}); 
</script> 
</head> 
<body> 
<form name="formName"> 
<input id="passwd" type="password" 
size="24" maxlength="17" 
style="ime-mode: disabled; display: inline;"/> 
<input id="passwd2" type="text" 
size="24" maxlength="17" 
style="ime-mode: disabled; display: none;" /> 
<input id="chk" type="checkbox" />显示密码 
</form> 
</body> 
</html>

转载于:https://my.oschina.net/softsky/blog/162583