簡單實(shí)用的全選反選按鈕例子
更新時(shí)間：2013年10月18日 16:18:45 作者：
全選反選在數(shù)據(jù)的批量操作方面還是比較實(shí)用的，本文有個不錯的示例，主要是當(dāng)點(diǎn)擊全選框時(shí)進(jìn)行全選處理，感興趣的朋友了解下
復(fù)制代碼 代碼如下:
//全選按鈕處理
$(function(){
//點(diǎn)擊全選
$("#checkAll").click(function () {//當(dāng)點(diǎn)擊全選框時(shí)
var flag = $("#checkAll").is(":checked");//判斷全選按鈕的狀態(tài)
var checkItems=document.getElementsByName("checkItem");
for(var i=0;i<checkItems.length;i++){
checkItems[i].checked = flag;
}
});
//點(diǎn)擊子項(xiàng)
$("input:checkbox[name='checkItem']").each(function(){
$(this).click(function(){
if($("input:checkbox[name='checkItem']:checked").length==$("input:checkbox[name='checkItem']").length){
document.getElementById("checkAll").checked = true;
}else{
document.getElementById("checkAll").checked = false;
}
});
});
});
相關(guān)文章
文章介紹了幾個在jQuery中非常有用的遍歷函數(shù)，遍歷函數(shù)是做么的方便。當(dāng)在它們一起使用時(shí)，它們將更加強(qiáng)大。也就是說，一個函數(shù)的輸出是另一個函數(shù)的輸入，它們是鏈?zhǔn)降?。下面我們就來詳?xì)探討下吧。2015-07-07
這篇文章主要介紹了jQuery的圖片輪播插件PgwSlideshow使用詳解的相關(guān)資料,需要的朋友可以參考下2016-08-08
這篇文章主要介紹了jquery form表單序列化為對象具體實(shí)現(xiàn),需要的朋友可以參考下2014-03-03
本文講解了JQuery切換顯示的效果實(shí)例代碼，需要的朋友可以參考一下2013-02-02
想在網(wǎng)上找一個插件用用，可是，網(wǎng)上的插件看起來都比較雜亂，我參考了網(wǎng)上的一些插件，自己用jquery寫了一個多選下拉框2014-05-05
這篇文章主要介紹了jQuery中:submit選擇器用法,實(shí)例分析了:submit選擇器的功能、定義及匹配提交按鈕的使用技巧,需要的朋友可以參考下2015-01-01
經(jīng)過數(shù)個版本的迭代后, JQueryElement 3.3.0 版本中的 Repeater 基本上已經(jīng)完善, 這里將分功能的總結(jié)講解一下 Repeater 的使用方法.2011-09-09
回車執(zhí)行跳到下一個文本框，在本文通過jquery簡單實(shí)現(xiàn)下，需要的朋友可以參考下2013-08-08
幻燈片效果通常用于展示相冊圖片或特色推薦內(nèi)容。一個漂亮的幻燈片更能吸引訪客的注意力。本文里面，收集了15款jquery幻燈片插件，讓你的圖片展示更漂亮，讓你的特色內(nèi)容更吸引人。2011-04-04
好幾年不寫JS了，資料整理起來比較慢，格式也有點(diǎn)亂2010-07-07