手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery 实现密码框的显示与隐藏示例代码
jquery 实现密码框的显示与隐藏示例代码
摘要:复制代码代码如下:$(function(){$("#chk").bind({click:function(){if($(this).attr...

复制代码 代码如下:

<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 实现密码框的显示与隐藏示例代码】相关文章:

打印/预览/设置的客户端代码

jQuery实现文本展开收缩特效

jquery实现动态改变div宽度和高度

jQuery插件pagewalkthrough实现引导页效果

些很实用且必用的小脚本代码

JavaScript实现带标题的图片轮播特效

jQuery实现在列表的首行添加数据

jquery实现的判断倒计时是否结束代码

jQuery实现div随意拖动的实例代码(通用代码)

javascript实现youku的视频代码自适应宽度

精品推荐
分类导航