编程 Javascript

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

Posted in Javascript onSeptember 18, 2013

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jquery导航制件jquery鼠标经过变色效果示例

Dec 05 Javascript

jQuery.event兼容各浏览器的event详细解析

Dec 18 Javascript

浅析jQuery事件之on()方法绑定多个选择器,多个事件

Apr 27 Javascript

jQuery代码性能优化的10种方法

Jun 21 Javascript

Javascript中获取浏览器类型和操作系统版本等客户端信息常用代码

Jun 28 Javascript

浅谈JS验证表单文本域输入空格的问题

Feb 14 Javascript

angularJS深拷贝详解

Mar 23 Javascript

纯js实现动态时间显示

Sep 07 Javascript

JS查找数组中重复元素的方法详解

Jun 14 Javascript

vue自定义一个v-model的实现代码

Jun 21 Javascript

微信实现自动跳转到用其他浏览器打开指定APP下载

Feb 15 Javascript

微信小程序本地存储实现每日签到、连续签到功能

Oct 09 Javascript

script不刷新页面的联动前后代码

Sep 18 #Javascript

js 中的switch表达式使用示例

Jun 03 #Javascript

javascript实现促销倒计时+fixed固定在底部

Sep 18 #Javascript

jquery等宽输出文字插件使用介绍

Sep 18 #Javascript

使用indexOf等在JavaScript的数组中进行元素查找和替换

Sep 18 #Javascript

JSON 数字排序多字段排序介绍

Sep 18 #Javascript

json数据与字符串的相互转化示例

Sep 18 #Javascript