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 相关文章推荐
JavaScript 弹出窗体点击按钮返回选择数据的实现
Apr 01 Javascript
javascript学习笔记(十七) 检测浏览器插件代码
Jun 20 Javascript
JavaScript定义变量和变量优先级问题探讨
Oct 11 Javascript
jQuery实现鼠标滑过链接控制图片的滑动展开与隐藏效果
Oct 28 Javascript
用原生JS对AJAX做简单封装的实例代码
Jul 13 Javascript
浅谈jQuery中ajaxPrefilter的应用
Aug 01 Javascript
JavaScript实现简单的日历效果
Sep 25 Javascript
JS简单实现移动端日历功能示例
Dec 28 Javascript
javascript中mouseenter与mouseover的异同
Jun 06 Javascript
JavaScript前后端JSON使用方法教程
Nov 23 Javascript
vue+spring boot实现校验码功能
May 27 Vue.js
用JS实现飞机大战小游戏
Jun 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
You might like
有关JSON以及JSON在PHP中的应用
2010/04/09 PHP
php自动加载方式集合
2016/04/04 PHP
laravel5.2实现区分前后台用户登录的方法
2017/01/11 PHP
laravel自定义分页效果
2017/07/23 PHP
JSON PHP中,Json字符串反序列化成对象/数组的方法
2018/05/31 PHP
php反射学习之依赖注入示例
2019/06/14 PHP
js保存当前路径(cookies记录)
2010/12/14 Javascript
整理一些JavaScript的IE和火狐的兼容性注意事项
2011/03/17 Javascript
jQuery.parseJSON(json)将JSON字符串转换成js对象
2014/07/27 Javascript
Javascript基础教程之if条件语句
2015/01/18 Javascript
JS获取文件大小方法小结
2015/12/08 Javascript
js实现仿qq消息的弹出窗效果
2016/01/06 Javascript
jquery 中toggle的2种用法详解(推荐)
2016/09/02 Javascript
详解angular用$sce服务来过滤HTML标签
2017/04/11 Javascript
详解Vue源码学习之双向绑定
2019/04/10 Javascript
在微信小程序中使用图表的方法示例
2019/04/25 Javascript
ionic3双击返回退出应用的方法
2019/09/17 Javascript
完美解决vue 中多个echarts图表自适应的问题
2020/07/19 Javascript
js实现简单扫雷
2020/11/27 Javascript
Python中functools模块的常用函数解析
2016/06/30 Python
Python反爬虫技术之防止IP地址被封杀的讲解
2019/01/09 Python
python矩阵/字典实现最短路径算法
2019/01/17 Python
python双向链表原理与实现方法详解
2019/12/03 Python
Pytorch中Tensor与各种图像格式的相互转化详解
2019/12/26 Python
OpenCV 使用imread()函数读取图片的六种正确姿势
2020/07/09 Python
Python爬取你好李焕英豆瓣短评生成词云的示例代码
2021/02/24 Python
纯HTML+CSS3制作导航菜单(附源码)
2013/04/24 HTML / CSS
Html5 Canvas 实现一个“刮刮乐”游戏
2019/09/05 HTML / CSS
美国创意礼品网站:UncommonGoods
2017/02/03 全球购物
JD Sports法国:英国篮球和运动时尚的领导者
2017/09/28 全球购物
全球独特生活方式产品和礼品购物网站:AHAlife
2018/09/18 全球购物
文明村镇申报材料
2014/05/06 职场文书
影视广告专业求职信
2014/09/02 职场文书
大学生赌博检讨书
2014/09/22 职场文书
司法工作人员群众路线对照检查材料思想汇报
2014/09/30 职场文书
2015年助理工程师工作总结
2015/04/03 职场文书