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 相关文章推荐
用js模拟JQuery的show与hide动画函数代码
Sep 20 Javascript
js getBoundingClientRect() 来获取页面元素的位置
Nov 25 Javascript
ASP.NET jQuery 实例5 (显示CheckBoxList成员选中的内容)
Jan 13 Javascript
jquery实现checkbox全选全不选的简单实例
Dec 31 Javascript
JavaScript调用浏览器打印功能实例分析
Jul 17 Javascript
jquery中validate与form插件提交的方式小结
Mar 26 Javascript
浅谈JavaScript事件绑定的常用方法及其优缺点分析
Nov 01 Javascript
详解javascript中对数据格式化的思考
Jan 23 Javascript
新手快速上手webpack4打包工具的使用详解
Jan 28 Javascript
微信小程序图片加载失败时替换为默认图片的方法
Dec 09 Javascript
javascript实现京东登录显示隐藏密码
Aug 02 Javascript
element el-table表格的二次封装实现(附表格高度自适应)
Jan 19 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
DOTA2 1月28日更新:监管系统降临刀塔世界
2021/01/28 DOTA
在Mac OS上自行编译安装Apache服务器和PHP解释器
2015/12/24 PHP
PHP数组去重的更快实现方式分析
2018/05/09 PHP
ThinkPHP5.0框架使用build 自动生成模块操作示例
2019/04/11 PHP
JavaScript TO HTML 转换
2006/06/26 Javascript
javascript笔试题目附答案@20081025_jb51.net
2008/10/26 Javascript
jquery1.5.1中根据元素ID获取元素对象的代码
2011/04/02 Javascript
计算世界完全对称日的js代码,粗糙版
2011/11/04 Javascript
js+HTML5实现canvas多种颜色渐变效果的方法
2015/06/05 Javascript
基于jQuery实现在线选座之高铁版
2015/08/24 Javascript
AngularJS实现元素显示和隐藏的几个案例
2015/12/09 Javascript
jquery淡入淡出效果简单实例
2016/01/14 Javascript
Window.Open打开窗体和if嵌套代码
2016/04/15 Javascript
原生js实现弹出层登录拖拽功能
2016/12/05 Javascript
Bootstrap和Java分页实例第一篇
2016/12/23 Javascript
Bootstrap3多级下拉菜单
2017/02/24 Javascript
vue router 源码概览案例分析
2018/10/09 Javascript
Layui事件监听的实现(表单和数据表格)
2019/10/17 Javascript
如何通过vscode运行调试javascript代码
2020/07/24 Javascript
python与php实现分割文件代码
2017/03/06 Python
Python中staticmethod和classmethod的作用与区别
2018/10/11 Python
python 文件查找及内容匹配方法
2018/10/25 Python
windows下搭建python scrapy爬虫框架步骤
2018/12/23 Python
如何在 Django 模板中输出 &quot;{{&quot;
2020/01/24 Python
python实现扫雷游戏
2020/03/03 Python
详解java调用python的几种用法(看这篇就够了)
2020/12/10 Python
CSS3旋转——彩色扇子兼容firefox浏览器
2013/06/04 HTML / CSS
html5利用canvas实现颜色容差抠图功能
2019/12/23 HTML / CSS
加拿大约会网站:EliteSingles.ca
2018/01/12 全球购物
C有"按引用传递"吗
2016/09/06 面试题
社保代办委托书怎么写
2014/10/06 职场文书
不尊敬老师检讨书范文
2014/11/19 职场文书
内勤岗位职责
2015/02/10 职场文书
杨善洲观后感
2015/06/04 职场文书
python实现黄金分割法的示例代码
2021/04/28 Python
python利用pandas分析学生期末成绩实例代码
2021/07/09 Python