簡單實用的全選反選按鈕例子
更新時間:2013年10月18日 16:18:45 作者:
全選反選在數(shù)據(jù)的批量操作方面還是比較實用的,本文有個不錯的示例,主要是當(dāng)點擊全選框時進(jìn)行全選處理,感興趣的朋友了解下
復(fù)制代碼 代碼如下:
//全選按鈕處理
$(function(){
//點擊全選
$("#checkAll").click(function () {//當(dāng)點擊全選框時
var flag = $("#checkAll").is(":checked");//判斷全選按鈕的狀態(tài)
var checkItems=document.getElementsByName("checkItem");
for(var i=0;i<checkItems.length;i++){
checkItems[i].checked = flag;
}
});
//點擊子項
$("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])
最近有些時間學(xué)習(xí)了下JQuery,發(fā)現(xiàn)有很多JQuery訪問.net WebService的例子。作為WebService這種接口應(yīng)該是通用的,為什么沒人關(guān)于Java的例子呢?這點引起我的興趣。2010-11-11BootStrap下jQuery自動完成的樣式調(diào)整
這篇文章主要介紹了BootStrap下jQuery自動完成的樣式調(diào)整的相關(guān)資料,非常不錯具有參考借鑒價值,需要的朋友可以參考下2016-05-05增強(qiáng)用戶體驗友好性之jquery easyui window 窗口關(guān)閉時的提示
在項目中,客戶提出這么個要求,就是在關(guān)閉彈出的窗口的時候,如果點擊 紅X 或 取消按鈕 則提示 ”確認(rèn)保存了當(dāng)前的操作“ 這么個信息,否則就不提示啦2012-06-06詳解easyui基于 layui.laydate日期擴(kuò)展組件
這篇文章主要介紹了詳解easyui基于 layui.laydate日期擴(kuò)展組件,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-07-07一個簡單的jQuery插件制作 學(xué)習(xí)過程及實例
本文僅供參考,如有不足或錯誤,請不吝賜教,這里以一個彈出層的jQuery插件制作實例為基礎(chǔ),進(jìn)行插件制作的說明。2010-04-04