jquery 实现密码框的显示与隐藏示例代码
更新时间:2013年09月18日 17:39:38 作者:
密码框的显示隐藏有多种实现方法,在将为大家介绍下如何使用jquery实现,感兴趣的朋友可以参考下
复制代码 代码如下:
<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>
相关文章
基于Jquery的$.cookie()实现跨越页面tabs导航实现代码
基于Jquery的$.cookie()实现跨越页面tabs导航实现代码,需要的朋友可以参考下。2011-03-03
基于jQuery.validate及Bootstrap的tooltip开发气泡样式的表单校验组件思路详解
这篇文章主要介绍了基于jQuery.validate及Bootstrap的tooltip开发气泡样式的表单校验组件的相关资料,非常不错,具有参考借鉴价值,感兴趣的朋友一起看下吧2016-07-07
jQuery插件HighCharts实现的2D面积图效果示例【附demo源码下载】
这篇文章主要介绍了jQuery插件HighCharts实现的2D面积图效果,结合完整实例形式分析了jQuery插件HighCharts绘制2D面积图的相关步骤与属性设置技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下2017-03-03


最新评论