jquery 实现密码框的显示与隐藏示例代码

前端技术 2023/09/07 JavaScript

复制代码 代码如下:

<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\")){
$(\"#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://www.stayed.cn/item/20074

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案