簡(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)文章
基于JQuery的訪問WebService的代碼(可訪問Java[Xfire])
最近有些時(shí)間學(xué)習(xí)了下JQuery,發(fā)現(xiàn)有很多JQuery訪問.net WebService的例子。作為WebService這種接口應(yīng)該是通用的,為什么沒人關(guān)于Java的例子呢?這點(diǎn)引起我的興趣。2010-11-11
BootStrap下jQuery自動(dòng)完成的樣式調(diào)整
這篇文章主要介紹了BootStrap下jQuery自動(dòng)完成的樣式調(diào)整的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值,需要的朋友可以參考下2016-05-05
增強(qiáng)用戶體驗(yàn)友好性之jquery easyui window 窗口關(guān)閉時(shí)的提示
在項(xiàng)目中,客戶提出這么個(gè)要求,就是在關(guān)閉彈出的窗口的時(shí)候,如果點(diǎn)擊 紅X 或 取消按鈕 則提示 ”確認(rèn)保存了當(dāng)前的操作“ 這么個(gè)信息,否則就不提示啦2012-06-06
詳解easyui基于 layui.laydate日期擴(kuò)展組件
這篇文章主要介紹了詳解easyui基于 layui.laydate日期擴(kuò)展組件,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-07-07
jquery如何實(shí)現(xiàn)點(diǎn)擊空白處隱藏元素
這篇文章主要介紹了jquery實(shí)現(xiàn)點(diǎn)擊空白處隱藏元素div等方法和實(shí)現(xiàn)代碼的講解,一起學(xué)習(xí)下。2017-12-12
jQuery定義背景動(dòng)態(tài)切換效果的方法
這篇文章主要介紹了jQuery定義背景動(dòng)態(tài)切換效果的方法,實(shí)例分析了jQuery操作圖片的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
一個(gè)簡(jiǎn)單的jQuery插件制作 學(xué)習(xí)過程及實(shí)例
本文僅供參考,如有不足或錯(cuò)誤,請(qǐng)不吝賜教,這里以一個(gè)彈出層的jQuery插件制作實(shí)例為基礎(chǔ),進(jìn)行插件制作的說明。2010-04-04

