jquery 實(shí)現(xiàn)密碼框的顯示與隱藏示例代碼
更新時(shí)間：2013年09月18日 17:39:38 作者：
密碼框的顯示隱藏有多種實(shí)現(xiàn)方法，在將為大家介紹下如何使用jquery實(shí)現(xiàn)，感興趣的朋友可以參考下
復(fù)制代碼 代碼如下:
<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>
相關(guān)文章
jQuery中animate動(dòng)畫(huà)第二次點(diǎn)擊事件沒(méi)反應(yīng)
這篇文章主要介紹了jQuery中animate動(dòng)畫(huà)第二次點(diǎn)擊事件沒(méi)反應(yīng)的解決方法，非常的實(shí)用，有需要的小伙伴可以參考下2015-05-05
jQuery圖片瀑布流的簡(jiǎn)單實(shí)現(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了jQuery圖片瀑布流的簡(jiǎn)單實(shí)現(xiàn)代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
JQery jstree 大數(shù)據(jù)量問(wèn)題解決方法
Jquery 結(jié)合jstree 動(dòng)態(tài)生成一棵樹(shù)，如果某一節(jié)點(diǎn)下目錄超過(guò)500個(gè)，IE 會(huì)提示是否允許JS腳本運(yùn)行，并且目錄加載不全，大約只加載了300左右。2010-03-03
基于Jquery的$.cookie()實(shí)現(xiàn)跨越頁(yè)面tabs導(dǎo)航實(shí)現(xiàn)代碼
基于Jquery的$.cookie()實(shí)現(xiàn)跨越頁(yè)面tabs導(dǎo)航實(shí)現(xiàn)代碼，需要的朋友可以參考下。2011-03-03
基于jQuery.validate及Bootstrap的tooltip開(kāi)發(fā)氣泡樣式的表單校驗(yàn)組件思路詳解
這篇文章主要介紹了基于jQuery.validate及Bootstrap的tooltip開(kāi)發(fā)氣泡樣式的表單校驗(yàn)組件的相關(guān)資料，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起看下吧2016-07-07
jquery實(shí)現(xiàn)簡(jiǎn)單實(shí)用的彈出層效果代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)簡(jiǎn)單實(shí)用的彈出層效果代碼,涉及jquery響應(yīng)鼠標(biāo)事件動(dòng)態(tài)操作頁(yè)面元素屬性的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
jQuery插件HighCharts實(shí)現(xiàn)的2D面積圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件HighCharts實(shí)現(xiàn)的2D面積圖效果,結(jié)合完整實(shí)例形式分析了jQuery插件HighCharts繪制2D面積圖的相關(guān)步驟與屬性設(shè)置技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
本文給大家介紹的是一款移動(dòng)端下的jQuery插件Hammer.js，他是一個(gè)開(kāi)源的，輕量級(jí)的javascript庫(kù)，它可以在不需要依賴(lài)其他東西的情況下識(shí)別觸摸，鼠標(biāo)事件支持各種手機(jī)事件，比如縮放，qq左滑動(dòng)刪除，放大，旋轉(zhuǎn)等2015-07-07
Jquery+Ajax實(shí)現(xiàn)跨域訪問(wèn)
這篇文章介紹了Jquery實(shí)現(xiàn)Ajax跨域訪問(wèn)的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-05-05
使用jquery prev()方法找到同級(jí)的前一個(gè)元素
.prev()方法允許我們?cè)?DOM 樹(shù)中搜索這些元素的前一個(gè)同胞元素，并用匹配元素構(gòu)造一個(gè)新的jQuery對(duì)象2014-07-07