Jquery 实现密码框的显示与隐藏【转载自http://blog.csdn.net/fengzhishangsky/article/details/11809069】...

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

weixin_30394333

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

阅读量54

点赞数

原文链接：http://www.cnblogs.com/Lxiaojiang/p/6140438.html

版权

<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”的密码文本框就显示

//或者写为：if($("#chk").is(':checked'))
        $("#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>

转载于:https://www.cnblogs.com/Lxiaojiang/p/6140438.html

优惠劵

weixin_30394333

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
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({//绑定一个点击事件clic...
复制链接

扫一扫