1. 程式人生 > >jquery全選、全不選、反選技巧

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