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 Autocomplete自动完成插件
Jul 17 Javascript
jQuery获取文本节点之 text()/val()/html() 方法区别
Mar 01 Javascript
JSON序列化与解析原生JS方法且IE6和chrome测试通过
Sep 05 Javascript
js中indexof的用法详细解析
Dec 24 Javascript
JS原型、原型链深入理解
Feb 27 Javascript
Bootstrap轮播图的使用和理解4
Dec 14 Javascript
详解微信小程序开发之——wx.showToast(OBJECT)的使用
Jan 18 Javascript
微信小程序图片选择区域裁剪实现方法
Dec 02 Javascript
微信小程序实现时间预约功能
Nov 27 Javascript
在Vue项目中使用jsencrypt.js对数据进行加密传输的方法
Apr 17 Javascript
对node通过fs模块判断文件是否是文件夹的实例讲解
Jun 10 Javascript
解决一个微信号同时支持多个环境网页授权问题
Aug 07 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
You might like
如何删除多级目录
2006/10/09 PHP
PHP 各种排序算法实现代码
2009/08/20 PHP
php不使用插件导出excel的简单方法
2014/03/04 PHP
PHP中Trait及其应用详解
2017/02/14 PHP
PHP基于自定义函数实现的汉字转拼音功能实例
2017/09/30 PHP
Js 本页面传值实现代码
2009/05/17 Javascript
基于mootools插件实现遮罩层新手引导
2012/05/24 Javascript
js解析与序列化json数据(一)json.stringify()的基本用法
2013/02/01 Javascript
JS+CSS 制作的超级简单的下拉菜单附图
2013/11/22 Javascript
Nodejs实现多人同时在线移动鼠标的小游戏分享
2014/12/06 NodeJs
jQuery仿Flash上下翻动的中英文导航菜单实例
2015/03/10 Javascript
JS设置下拉列表框当前所选值的方法
2015/12/22 Javascript
全面解析JS字符串和正则表达式中的match、replace、exec等函数
2016/07/01 Javascript
全面总结Javascript对数组对象的各种操作
2017/01/22 Javascript
jQuery 导航自动跟随滚动的实现代码
2018/05/30 jQuery
Vue keepAlive 数据缓存工具实现返回上一个页面浏览的位置
2019/05/10 Javascript
layUI使用layer.open,在content打开数据表格,获取值并返回的方法
2019/09/26 Javascript
Vue中img的src是动态渲染时不显示的解决
2019/11/14 Javascript
[54:08]LGD女子刀塔学院 DOTA2炼金术士教学
2014/01/09 DOTA
[56:24]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#1Liquid VS MVP.Phx第二局
2016/03/04 DOTA
[42:32]VP vs RNG 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.21.mp4
2020/07/19 DOTA
分析Python的Django框架的运行方式及处理流程
2015/04/08 Python
在 Python 应用中使用 MongoDB的方法
2017/01/05 Python
Python中字典(dict)合并的四种方法总结
2017/08/10 Python
python计算日期之间的放假日期
2018/06/05 Python
如何用Python实现简单的Markdown转换器
2018/07/16 Python
对pandas通过索引提取dataframe的行方法详解
2019/02/01 Python
Python 解析xml文件的示例
2020/09/29 Python
基于HTML5+Webkit实现树叶飘落动画
2017/12/28 HTML / CSS
采购员的工作职责
2013/12/26 职场文书
学生安全承诺书
2014/05/22 职场文书
酒店爱岗敬业演讲稿
2014/09/02 职场文书
毕业论文致谢格式模板
2015/05/14 职场文书
css position fixed 左右双定位的实现代码
2021/04/29 HTML / CSS
Python使用OpenCV和K-Means聚类对毕业照进行图像分割
2021/06/11 Python
SqlServer常用函数及时间处理小结
2023/05/08 SQL Server