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 相关文章推荐
多广告投放代码 推荐
Nov 13 Javascript
用js实现预览待上传的本地图片
Mar 15 Javascript
下拉菜单点击实现连接跳转功能的js代码
May 19 Javascript
Js放到HTML文件中的哪个位置有什么区别
Aug 21 Javascript
JavaScript运算符小结
Jun 03 Javascript
Javascript 高阶函数使用介绍
Jun 15 Javascript
jQuery-1.9.1源码分析系列(十)事件系统之事件体系结构
Nov 19 Javascript
jQuery Timelinr实现垂直水平时间轴插件(附源码下载)
Feb 16 Javascript
微信小程序入门教程
Nov 18 Javascript
为你的微信小程序体积瘦身详解
May 20 Javascript
详解angularJs中关于ng-class的三种使用方式说明
Jun 02 Javascript
Vue如何实现验证码输入交互
Dec 07 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
You might like
使用PHP制作新闻系统的思路
2006/10/09 PHP
PHP 获取MSN好友列表的代码(2009-05-14测试通过)
2009/09/09 PHP
PHP5 面向对象(学习记录)
2009/12/02 PHP
PHP生成数组再传给js的方法
2014/08/07 PHP
php中数据库连接方式pdo和mysqli对比分析
2015/02/25 PHP
php中namespace及use用法分析
2016/12/06 PHP
Laravel实现表单提交
2017/05/07 PHP
什么是PHP7中的孤儿进程与僵尸进程
2019/04/14 PHP
Laravel 修改验证异常的响应格式实例代码详解
2020/05/25 PHP
js实现简单的星级选择器提交效果适用于评论等
2013/10/18 Javascript
利用jQuery实现可输入搜索文字的下拉框
2013/10/23 Javascript
浅析jQuery中调用ajax方法时在不同浏览器中遇到的问题
2014/06/11 Javascript
JQuery页面地址处理插件jqURL详解
2015/05/03 Javascript
JavaScript+html5 canvas制作的百花齐放效果完整实例
2016/01/26 Javascript
一系列Bootstrap导航条使用方法分享
2016/04/29 Javascript
微信小程序 小程序制作及动画(animation样式)详解
2017/01/06 Javascript
JS解决IOS中拍照图片预览旋转90度BUG的问题
2017/09/13 Javascript
js使用ajax传值给后台,后台返回字符串处理方法
2018/08/08 Javascript
JointJS流程图的绘制方法
2018/12/03 Javascript
小程序实现左右来回滚动字幕效果
2018/12/28 Javascript
JavaScript实现原型封装轮播图
2020/12/27 Javascript
python下函数参数的传递(参数带星号的说明)
2010/09/19 Python
Python、Javascript中的闭包比较
2015/02/04 Python
详解如何用OpenCV + Python 实现人脸识别
2017/10/20 Python
不知道这5种下划线的含义,你就不算真的会Python!
2018/10/09 Python
详解Python函数式编程—高阶函数
2019/03/29 Python
Python字典常见操作实例小结【定义、添加、删除、遍历】
2019/10/25 Python
学Python 3的理由和必要性
2019/11/19 Python
python 实现字符串下标的输出功能
2020/02/13 Python
python logging模块的使用
2020/09/07 Python
canvas学习和滤镜实现代码
2018/08/22 HTML / CSS
有原因的手表:Flex Watches
2019/03/23 全球购物
经典c++面试题六
2012/01/18 面试题
设计部经理的岗位职责
2013/11/16 职场文书
岗位竞聘书范文
2014/03/31 职场文书
个人房屋转让协议书范本
2014/10/26 职场文书