Jquery 1.42 checkbox 全選和反選代碼

更新時間：2010年03月27日 11:52:29 作者：

用jquery實現(xiàn)的checkbox全選和反選代碼,需要的朋友可以參考下。

Jquery代碼

 
<script type="text/javascript" src="jquery-1.4.2.min.js"></script> 
<script type="text/javascript"> 
function Checked(){ //定義函數(shù)checked 
$(".chk").each(function(){ //遍歷html中class為chk的復(fù)選框標(biāo)簽 
if($(this).attr("checked") == true){ //如果當(dāng)前復(fù)選框的checked屬性為true 
$(this).attr("checked",false); //將該屬性改為false 
} 
else{ //如果當(dāng)前復(fù)選框的checked屬性為false 
$(this).attr("checked",true); //將該屬性改為true 
} 
}); 
if($("#lbl").html() == "全選"){ //修改label的文本為“反選” 
$("#lbl").html("反選"); 
} 
else if($("#lbl").html() == "反選"){ //修改label的文本為“全選” 
$("#lbl").html("全選"); 
} 
} 
$(document).ready(function(){ //為label添加click事件執(zhí)行函數(shù)checked 
$("#lbl").bind("click",Checked); 
}) 
</script> 

Html代碼

復(fù)制代碼代碼如下:

 
<label id="lbl">全選</label> 
<table> 
<tr> 
<td> 
<input type="checkbox" class="chk" /> 
</td> 
</tr> 
<tr> 
<td> 
<input type="checkbox" class="chk" /> 
</td> 
</tr> 
<tr> 
<td> 
<input type="checkbox" class="chk" /> 
</td> 
</tr> 
<tr> 
<td> 
<input type="checkbox" class="chk" /> 
</td> 
</tr> 
<tr> 
<td> 
<input type="checkbox" class="chk" /> 
</td> 
</tr> 
</table> 

O(∩_∩)O每天進(jìn)步一點點O(∩_∩)O 該BLOG供個人記錄學(xué)習(xí)筆記，如有錯誤歡迎指出！

您可能感興趣的文章:

相關(guān)文章

jQuery-Easyui 1.2 實現(xiàn)多層菜單效果的代碼
早上打開郵箱，一位朋友問我之前JQuery-Easyui 怎么做可以實現(xiàn)多級菜單
2012-01-01
基于jquery的從一個頁面跳轉(zhuǎn)到另一個頁面的指定位置的實現(xiàn)代碼（帶平滑移動的效果）
從一個頁面跳轉(zhuǎn)到另一個頁面的指定位置如果不帶平滑移動的效果很容易加個錨點就行了
2011-05-05
jQuery ajax調(diào)用webservice注意事項
這篇文章主要為大家詳細(xì)介紹了jQuery ajax調(diào)用webservice的注意事項，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-10-10
利用jquery如何從json中讀取數(shù)據(jù)追加到html中
這篇文章主要給大家介紹了關(guān)于利用jquery如何從json中讀取數(shù)據(jù)追加到html中的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編一起來看看吧。
2017-12-12
使用jQuery.Validate進(jìn)行客戶端驗證（初級篇）不使用微軟驗證控件的理由
以前在做項目的時候就有個很大心病，就是微軟的驗證控件，雖然微軟的驗證控件可以幫我們完成大部分的驗證，驗證也很可靠上手也很容易，但是我就是覺得不爽.
2010-06-06
jQuery中slideUp()方法用法分析
這篇文章主要介紹了jQuery中slideUp()方法用法,以實例形式分析了slideUp()方法的功能、定義及具體使用技巧,具有一定的參考借鑒價值,需要的朋友可以參考下
2014-12-12
jQuery學(xué)習(xí)筆記(2)--用jquery實現(xiàn)各種模態(tài)提示框代碼及項目構(gòu)架
想實現(xiàn)一個模態(tài)的框框，找了很多的jquery插件，都沒有碰到自己滿意的于是自己摸索了一個，接下來為大家介紹下實現(xiàn)的思路及代碼，希望對你有所幫助
2013-04-04
jquery簡單實現(xiàn)鼠標(biāo)經(jīng)過導(dǎo)航條改變背景圖
鼠標(biāo)經(jīng)過導(dǎo)航條改變背景圖的效果很是好看，下面為大家介紹下使用jquery是如何實現(xiàn)的，感興趣的朋友可以參考下
2013-12-12
jQuery延遲加載圖片插件Lazy Load使用指南
在頁面上圖片比較多的時候，打開一張頁面必然引起與服務(wù)器大數(shù)據(jù)量的交互。尤其是對于高清晰的圖片，占了幾百K的空間。那么我們?nèi)绾尾拍芨淖冞@種狀況呢，這就是今天我們要探討的問題了。
2015-03-03
基于jquery的合并table相同單元格的插件(精簡版)
正好項目中有個小需求, 要求把表格指定列中內(nèi)容相同的單元格進(jìn)行合并,本質(zhì)上涉及的就是td的rowspan屬性, 數(shù)出含相同內(nèi)容單元格的個數(shù), 然后給第一個與上一行內(nèi)容不同的td其rowspan屬性附上正確的值即可, 為了能直觀的理解
2011-04-04