簡(jiǎn)單實(shí)用的全選反選按鈕例子
更新時(shí)間：2013年10月18日 16:18:45 作者：
全選反選在數(shù)據(jù)的批量操作方面還是比較實(shí)用的，本文有個(gè)不錯(cuò)的示例，主要是當(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)文章
文章介紹了幾個(gè)在jQuery中非常有用的遍歷函數(shù)，遍歷函數(shù)是做么的方便。當(dāng)在它們一起使用時(shí)，它們將更加強(qiáng)大。也就是說(shuō)，一個(gè)函數(shù)的輸出是另一個(gè)函數(shù)的輸入，它們是鏈?zhǔn)降?。下面我們就?lái)詳細(xì)探討下吧。2015-07-07
這篇文章主要介紹了jQuery的圖片輪播插件PgwSlideshow使用詳解的相關(guān)資料,需要的朋友可以參考下2016-08-08
這篇文章主要介紹了jquery form表單序列化為對(duì)象具體實(shí)現(xiàn),需要的朋友可以參考下2014-03-03
本文講解了JQuery切換顯示的效果實(shí)例代碼，需要的朋友可以參考一下2013-02-02
一個(gè)簡(jiǎn)單的jquery的多選下拉框(自寫(xiě))
想在網(wǎng)上找一個(gè)插件用用，可是，網(wǎng)上的插件看起來(lái)都比較雜亂，我參考了網(wǎng)上的一些插件，自己用jquery寫(xiě)了一個(gè)多選下拉框2014-05-05
這篇文章主要介紹了jQuery中:submit選擇器用法,實(shí)例分析了:submit選擇器的功能、定義及匹配提交按鈕的使用技巧,需要的朋友可以參考下2015-01-01
asp.net 30分鐘掌握無(wú)刷新 Repeater
經(jīng)過(guò)數(shù)個(gè)版本的迭代后, JQueryElement 3.3.0 版本中的 Repeater 基本上已經(jīng)完善, 這里將分功能的總結(jié)講解一下 Repeater 的使用方法.2011-09-09
JQuery 文本框回車(chē)跳到下一個(gè)文本框示例代碼
回車(chē)執(zhí)行跳到下一個(gè)文本框，在本文通過(guò)jquery簡(jiǎn)單實(shí)現(xiàn)下，需要的朋友可以參考下2013-08-08
幻燈片效果通常用于展示相冊(cè)圖片或特色推薦內(nèi)容。一個(gè)漂亮的幻燈片更能吸引訪客的注意力。本文里面，收集了15款jquery幻燈片插件，讓你的圖片展示更漂亮，讓你的特色內(nèi)容更吸引人。2011-04-04
好幾年不寫(xiě)JS了，資料整理起來(lái)比較慢，格式也有點(diǎn)亂2010-07-07