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>

时间： 2025-01-02 15:15:29

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

C# winForm程序开机启动和托盘显示 (转http://blog.csdn.net/xinyue3054/article/details/6599508）

这段时间一直进行cs项目,故整理下开机自动运行.托盘.显示.隐藏. (1).在窗口上点击关闭按钮或者最小化时将托盘显示: (2).双击托盘图标显示窗口: (3).右键点击托盘图标提供三个菜单选项,“退出”.“隐藏”.“显示”: (4).程序可以设置开机启动,隐藏任务栏显示.就这四个小功能. 1.建一个WinForm程序—FormAuto,将其属性ShowInTaskbar改为false,这样程序将不会在任务栏中显示:将MaximizeBox属性设置为false,屏蔽掉最大化按钮:把StartPo

jquery中使用event.target的几点说明 (转自http://blog.csdn.net/zm2714/article/details/8119642)

jquery中使用event.target的几点说明 event.target 说明:引发事件的DOM元素. this和event.target的区别 js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素: this和event.target的相同点 this和event.target都是dom对象,如果要使用jquey中的方法可以将他们转换为jquery对象:$(this)和$(event.target); 这使我想起了以前写

wordpress登录密码框明文显示最后一个输入的字符

wordpress登录密码框明文显示最后一个输入的字符 (function(a){a.fn.dPassword=function(c){var e={interval:200,duration:1000,replacement:"%u25CF",prefix:"password_",debug:false};var d=a.extend(e,c);var b=new Array();var f=new Array();a(this).each(function(){

jquery实现的div的显示和隐藏效果

jquery实现的div的显示和隐藏效果:在网页的实际应用中,有些模块需要根据需要显示或者隐藏,下面就提供了几个这方面的实例,代码非常的简单,都是使用jquery自带的函数实现的,代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <title>div隐藏显示效果</title> <style type="text/css&qu

JQuery插件开发之如何实时显示被隐藏的输入框密码

原文链接:http://www.gbtags.com/gb/share/5827.htm 我们前面曾经介绍过如何提高用户界面表单性能,同时我们也介绍过如何避免使用密码框来避免隐藏输入的密码,也讨论过隐藏密码显示对于用户体验将有多么糟糕. 基本上对于密码输入处理我们有如下俩个可选方式: 继续使用密码框控件,不考虑用户的操作体验 使用一般的输入框,不考虑用户密码的安全性 这就是为什么我们这里需要开发一个鼠标悬浮可显示密码的控件作为第三选择的原因,既可以提高安全,同时也可以大大满足用户体验 今天将讲解

JQuery采纳CSS实现DOM显示和隐藏要素

今天参加了Code Review活动.阅读编写代码的同事,感到满足当前功能的实现,但是从长远来看,,无论角度还是从代码重用是来看显然不佳维修点. 有什么需要看的权利.通过选择不同的选项下拉框需求,为了显示和隐藏的文本框.他的同事说: Code 1 <select name="select" onChange="disinput(this)"> <option value="1">1</option> <o

jquery html拼接标签的显示和隐藏

关于html 脚本的拼接,实现隐藏和显示. 本人对jQuery的理解不是很深刻,如果感觉说得有问题(或不清楚)的地方请更正. 因为对页面有时候比较复杂,我拿到数据以后的操作都需用js处理 html 的div table span 都是拼接出来的 如果想让脚步隐藏或显示,用经典的jQuery 的hide 和 show 方法不能实现,但是通过调试发现 如果样式修改就可以显示出来(或是隐藏),这时候jQuery 的css 就可以实现这个功能了. var tablestr='<br /><tab

jQuery 设置控件的显示与隐藏

//设置id为checkPwd显示的属性 $('#checkPwd').attr('show', 'show'); $('#checkPwd').attr('show', 'hide'); //设置id为checkPwd隐藏,显示 $('#euiPassword').hide(); $('#euiPasswordOne').show();

jQuery --下拉菜单的显示与隐藏

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 7 <style type="text/css"> 8 *{ 9 margin: 0px; 10 padding: 0px; 11 } 12 #nav{ 13 background-color: #EEE; 14 width