Jquery 实现密码框的显示与隐藏转载自http://blog.csdn.net/fengzhishangsky/article/details/11809069
Posted 日月心诚
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Jquery 实现密码框的显示与隐藏转载自http://blog.csdn.net/fengzhishangsky/article/details/11809069相关的知识，希望对你有一定的参考价值。
<html>
<head>
<script type="text/JavaScript" src="jQuery-1.5.1.min.js"></script>
<script type="text/javascript">
$(function(){
$("#chk").bind({//绑定一个点击事件
click: function(){
if($(this).attr("checked")){//如果选中显示密码 那么type=“text”的密码文本框就显示
$("#passwd2").val($("#passwd").val());
$("#passwd").hide();
$("#passwd2").show();
}else{
$("#passwd").val($("#passwd2").val());//如果没有选中显示密码 那么type=“password”的密码文本框就显示 但是后面传参要注意是那个文本框中的值
$("#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>
以上是关于Jquery 实现密码框的显示与隐藏转载自http://blog.csdn.net/fengzhishangsky/article/details/11809069的主要内容，如果未能解决你的问题，请参考以下文章