码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-12-07 11:24:20      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:password   sky   bsp   .net   form   ase   on()   length   文本   

<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】

标签:password   sky   bsp   .net   form   ase   on()   length   文本   

原文地址:http://www.cnblogs.com/Lxiaojiang/p/6140438.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!