编程 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 相关文章推荐

HTML-CSS群中单选引发的“事件”

Mar 05 Javascript

让getElementsByName适应IE和firefox的方法

Sep 24 Javascript

JavaScript 基础知识被自己遗忘的

Oct 15 Javascript

JS获得URL超链接的参数值实例代码

Jun 21 Javascript

Angular中的Promise对象($q介绍)

Mar 03 Javascript

ui组件之input多选下拉实现方法（带有搜索功能）

Jul 14 Javascript

详解Node.js中的事件机制

Sep 22 Javascript

详解Vue快速零配置的打包工具——parcel

Jan 16 Javascript

JS处理一些简单计算题

Feb 24 Javascript

微信小程序swiper实现文字纵向轮播提示效果

Jan 21 Javascript

微信小程序实现页面监听自定义组件的触发事件

Nov 01 Javascript

vue实现可移动的悬浮按钮

Mar 04 Vue.js

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