jquery全選、全不選、反選技巧
按鈕:
<label><input type="radio" onclick="selectAll()" id="selectAll" >全選</label>
<label><input type="radio" onclick="unSelect()" id="unSelect" >取消全選</label>
<label><input type="radio" onclick="reverseSelect()" id="reverseSelect" >反選</label>
用函式,可以實現分頁的ajax傳值後生成的頁面,也能全選,取消全選,反選
// 選中所有 function selectAll(){ $("#checkboxList :checkbox").prop("checked", true); } // 取消選中所有 function unSelect(){ $("#checkboxList :checkbox").prop("checked", false); } // 反選 function reverseSelect(){ $("#checkboxList :checkbox").each(function(){ if ($(this).is(":checked")) { $(this).prop("checked", false); } else { $(this).prop("checked", true); } }); }
注:最好用prop屬性
判斷input框是否選中
if ($(this).is(":checked")) {
$(this).prop("checked", false);
} else {
$(this).prop("checked", true);
}
相關擴充套件,一般批量處理(全選、反選)就涉及到後臺資料的批量處理,毫無疑問,批量處理id在選中範圍內的資料。如tp中則用where("id", "in", $selectedId)。
相關推薦
jQuery外掛treeview點選節點名稱不展開、收縮節點
修改jquery.treeview.js檔案中的applyClasses方法(註釋掉兩行程式碼): 修改後的applyClasses方法如下: applyClasses: function(settings, toggler) {/* this.filter(":
訊號與系統學習之第一章(系統的六大基本性質定義與判別:無記憶性、可逆性、因果性、穩定性、時不變性、線性)
本人現在大三,由於準備明天研究生考試,故重新學習複習《訊號與系統》, 再接下來會將自己的一些學習經歷、知識總結與大家分享。對於有所紕漏的地方 希望大家能幫助指出以一同進步。 對於第一章,顯然其重中之重便是系統的六大基本性質,那麼接下來我會以官方解釋及自身的理解加上例題、易錯題、及後面
Android 仿QQ退出(點選返回鍵不退出app,點選icon直接進入上次退出的頁面)
在登入頁或者歡迎頁onCreate方法加入如下程式碼: if((getIntent().getFlags() & Intent.FLAG_ACTIVITY_BROUGHT_TO_
關於所有IE 11不能用、打不開、沒反應的解決方法
1、進入登錄檔(執行regedit),找到 HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\Main右鍵"Main"項--許可權; 2、在對話方塊中點選"高階"--"更改"--"高階"--"
XCode模擬器上下黑邊、顯示不完整、適配問題
其實出現上下黑邊是因為iOS預設將啟動時的LaunchImage的寬高當成程式的寬高,所以啟動圖片如果只有小屏的圖片,那麼就會出現大屏狀態下螢幕不能滿屏的錯誤。 解決方法: 新增所有尺寸螢幕的
jquery全選、反選、全不選代碼
遍歷 clas class html box isa each nbsp not 1、JS代碼 function ($) { //全選 反選 全不選 $("#selAll").click(function () { $(".lists
利用jQuery實現全選、全不選、反選(button)
htm nag ttr check n) 足球 text ctype cti <!DOCTYPE html><html><head><meta charset="utf-8"><title>&l
使用jQuery實現全選、全不選、 反選(button)
jquery實現 mage water oct ces div charset body check <!DOCTYPE html><html><head><meta charset="utf-8"><
利用jQuery實現全選、全不選、反選(checkBox)
utf body type charset his all set htm script <!DOCTYPE html><html><head><meta charset="utf-8"><title
jQuery js實現checkbox復選框全選、全不選、反選 PHP
實現 com check set false jquer display value round <!doctype html> <html lang="en"> <head> <meta charset="
用jQuery實現(全選、反選、全不選功能)
sele 元素 selectall input html元素 UNC 推薦 not rop 在jQuery選擇器的基礎下我們實現一個全選,反選,全不選功能! <script type="text/javascript"> $(functio
JQuery案例二:實現全選、全不選和反選
lap lsp enter scrip ttr on() class cells span <!DOCTYPE html> <html> <head> <meta charset="UTF-8">
jQuery實現全選、全不選以及反選操作
在寫購物車案例時實現全選操作使用的是js的getAttribute()setAttribute()方法獲取checked屬性的值是undefined實現完成之後全選操作,如果在全選中的情況下改變其中一個的狀態再點選全選,之前被取消的將不在被選中。之後使用js的DOM.checked屬相的獲得是
用Jquery實現checkbox的反選、全選、全不選
$(function () { //全不選 $("#AllNotChk").click(function () { $("[name=chkbox_id]").removeAttr("checked");
jQuery複選框實現全選、全不選、反選、獲取選項值
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>複
Jquery 全選、全不選、反選
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
用JQuery實現全選、全不選、反選
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="js/jquery-1.4.1.min.js
jQuery實現表單全選、全不選以及反選的功能
本文主要介紹了利用jQuery實現表單的全選、全不選以及反選的功能。 對如下的form表單: <!-- HTML結構 --> <form id="test-form" action="test"> <legend&g
jquery全選、全不選、反選技巧
按鈕: <label><input type="radio" onclick="selectAll()" id="selectAll" >全選</label> <label><input type="radio" onc
jQuery——選中、不選中、全選、取消全選等複選框操作
選中(不選中): //設定複選框選中不選中jQuery版本1.6以下 //$("#TOTY").attr("checked",true); //$("#TOTY").attr("checked",f