Jquery 1.42 checkbox 全選和反選代碼
更新時間：2010年03月27日 11:52:29 作者：
用jquery實現的checkbox全選和反選代碼,需要的朋友可以參考下。
Jquery代碼
復制代碼 代碼如下:
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
function Checked(){ //定義函數checked
$(".chk").each(function(){ //遍歷html中class為chk的復選框標簽
if($(this).attr("checked") == true){ //如果當前復選框的checked屬性為true
$(this).attr("checked",false); //將該屬性改為false
}
else{ //如果當前復選框的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í)行函數checked
$("#lbl").bind("click",Checked);
})
</script>
Html代碼
復制代碼 代碼如下:
<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每天進步一點點O(∩_∩)O 該BLOG供個人記錄學習筆記，如有錯誤歡迎指出！
您可能感興趣的文章:
- jquery實現全選、反選、獲得所有選中的checkbox
- jQuery判斷checkbox(復選框)是否被選中以及全選、反選實現代碼
- JQUERY CHECKBOX全選,取消全選,反選方法三
- jquery一鍵控制checkbox全選、反選或全不選
- jQuery對checkbox 復選框的全選全不選反選的操作
- Jquery CheckBox全選方法代碼附js checkbox全選反選代碼
- JQuery選中checkbox方法代碼實例（全選、反選、全不選）
- jQuery實現checkbox即點即改批量刪除及中間遇到的坑
- jquery復選框checkbox實現刪除前判斷
- jQuery實現checkbox全選、反選及刪除等操作的方法詳解
相關文章
早上打開郵箱，一位朋友問我之前JQuery-Easyui 怎么做可以實現多級菜單2012-01-01
基于jquery的從一個頁面跳轉到另一個頁面的指定位置的實現代碼（帶平滑移動的效果）
從一個頁面跳轉到另一個頁面的指定位置 如果不帶平滑移動的效果 很容易 加個 錨點就行了2011-05-05
這篇文章主要為大家詳細介紹了jQuery ajax調用webservice的注意事項，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10
這篇文章主要給大家介紹了關于利用jquery如何從json中讀取數據追加到html中的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編一起來看看吧。2017-12-12
使用jQuery.Validate進行客戶端驗證（初級篇） 不使用微軟驗證控件的理由
以前在做項目的時候就有個很大心病，就是微軟的驗證控件，雖然微軟的驗證控件可以幫我們完成大部分的驗證，驗證也很可靠上手也很容易，但是我就是覺得不爽.2010-06-06
這篇文章主要介紹了jQuery中slideUp()方法用法,以實例形式分析了slideUp()方法的功能、定義及具體使用技巧,具有一定的參考借鑒價值,需要的朋友可以參考下2014-12-12
jQuery學習筆記(2)--用jquery實現各種模態(tài)提示框代碼及項目構架
想實現一個模態(tài)的框框，找了很多的jquery插件，都沒有碰到自己滿意的于是自己摸索了一個，接下來為大家介紹下實現的思路及代碼，希望對你有所幫助2013-04-04
鼠標經過導航條改變背景圖的效果很是好看，下面為大家介紹下使用jquery是如何實現的，感興趣的朋友可以參考下2013-12-12
在頁面上圖片比較多的時候，打開一張頁面必然引起與服務器大數據量的交互。尤其是對于高清晰的圖片，占了幾百K的空間。那么我們如何才能改變這種狀況呢，這就是今天我們要探討的問題了。2015-03-03
正好項目中有個小需求, 要求把表格指定列中內容相同的單元格進行合并,本質上涉及的就是td的rowspan屬性, 數出含相同內容單元格的個數, 然后給第一個與上一行內容不同的td其rowspan屬性附上正確的值即可, 為了能直觀的理解2011-04-04