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的ajax简单结构示例代码
Feb 17 Javascript
javascript实时获取鼠标坐标值并显示的方法
Apr 30 Javascript
Javascript复制实例详解
Jan 28 Javascript
JS简单实现无缝滚动效果实例
Aug 24 Javascript
Bootstrap导航条学习使用(一)
Feb 08 Javascript
vue.js从安装到搭建过程详解
Mar 17 Javascript
Vue学习笔记进阶篇之函数化组件解析
Jul 21 Javascript
使用JavaScript破解web
Sep 28 Javascript
详解用场景去理解函数柯里化(入门篇)
Apr 11 Javascript
vue实现滑动切换效果(仅在手机模式下可用)
Jun 29 Javascript
微信小程序登录对接Django后端实现JWT方式验证登录详解
Jul 29 Javascript
Vue 401配合Vuex防止多次弹框的案例
Nov 11 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
全新Mac配置PHP开发环境教程
2016/02/03 PHP
使用GruntJS链接与压缩多个JavaScript文件过程详解
2013/08/02 Javascript
jQuery 计算iframe 窗口大小的方法
2014/05/13 Javascript
常用javascript表单验证汇总
2020/07/20 Javascript
jquery实现全选、反选、获得所有选中的checkbox
2020/09/13 Javascript
jQuery中的基本选择器用法学习教程
2016/04/14 Javascript
谈谈因Vue.js引发关于getter和setter的思考
2016/12/02 Javascript
Javascript同时声明一连串(多个)变量的方法
2017/01/23 Javascript
微信小程序 监听手势滑动切换页面实例详解
2017/06/15 Javascript
详解JS获取HTML DOM元素的8种方法
2017/06/17 Javascript
javascript 中select框触发事件过程的分析
2017/08/01 Javascript
JS+Ajax实现百度智能搜索框
2017/08/04 Javascript
BACKBONE.JS 简单入门范例
2017/10/17 Javascript
axios全局请求参数设置,请求及返回拦截器的方法
2018/03/05 Javascript
vue cli升级webapck4总结
2018/04/04 Javascript
node.js使用redis储存session的方法
2018/09/26 Javascript
发布Angular应用至生产环境的方法
2018/12/10 Javascript
jQuery实现简单QQ聊天框
2020/08/27 jQuery
[01:14:35]DOTA2上海特级锦标赛B组资格赛#1 Alliance VS Fnatic第一局
2016/02/26 DOTA
Python实现读取文件最后n行的方法
2017/02/23 Python
Python使用defaultdict读取文件各列的方法
2017/05/11 Python
Python机器学习之决策树算法实例详解
2017/12/06 Python
Python根据文件名批量转移图片的方法
2018/10/21 Python
python使用wxpy轻松实现微信防撤回的方法
2019/02/21 Python
CSS 说明横向进度条最后显示文字的实现代码
2020/11/10 HTML / CSS
英国Office鞋店德国网站:在线购买鞋子、靴子和运动鞋
2018/12/19 全球购物
西班牙最大的在线滑板和街头服饰商店:Fillow.net
2019/04/15 全球购物
俄罗斯花园种植材料批发和零售网上商店:Беккер
2019/07/22 全球购物
优秀士兵个人事迹材料
2014/01/19 职场文书
违反课堂纪律检讨书
2014/01/19 职场文书
国际贸易专业求职信
2014/06/04 职场文书
新郎父母婚礼答谢词
2015/09/29 职场文书
详解使用 CSS prefers-* 规范提升网站的可访问性与健壮性
2021/05/25 HTML / CSS
element多个表单校验的实现
2021/05/27 Javascript
MySQL系列之十一 日志记录
2021/07/02 MySQL
SQLServer RANK() 排名函数的使用
2022/03/23 SQL Server