我們的頁面上有乙個歌曲列表，列出多行歌曲名稱，並匹配核取方塊供使用者選擇，並且在列表下方有一排操作按鈕。
type="checkbox" id="all">
type="button" value="全選" class="btn" id="selectall">
type="button" value="全不選" class="btn" id="unselect">
type="button" value="反選" class="btn" id="reverse">
type="button" value="獲得選中的所有值" class="btn" id="getvalue">
1、全選或全不選。當勾選全選按鈕#selectall旁邊的核取方塊#all時，列表中的選項全部選中，反之取消勾選則列表中的選項全部為未選中狀態。
$("#all").click(function()else
});
$("#selectall").click(function () );
$("#unselect").click(function () );
$("#reverse").click(function () );
allchk();
});
5、獲得選中的所有值。我們要跟後台程式互動就必須獲取列表中所選項的值，我們通過遍歷陣列，將選中項的值存放在陣列中，最後組成由逗號(,)隔開的字串，開發者就可以通過獲取這個字串進行相應的操作了。
$("#getvalue").click(function());
var vals = valarr.join(',');//轉換為逗號隔開的字串
alert(vals);
});
//設定全選核取方塊
$("#list :checkbox").click(function());
function allchk()
});
if(chknum==chk)else
}
$(function () else
});
//全選
$("#selectall").click(function () );
//全不選
$("#unselect").click(function () );
//反選
$("#reverse").click(function () );
allchk();
});
//設定全選核取方塊
$("#list :checkbox").click(function());
//獲取選中選項的值
$("#getvalue").click(function());
var vals = valarr.join(',');
alert(vals);
});
});
function allchk()
});
if(chknum==chk)else
}
jQuery實現全選 反選和不選功能
直接複製儲存用瀏覽器開啟可以看效果，功能實現挺好的。1doctype html 2 html lang zh cn 34 head 5 meta charset utf 8 6 title jquery實現全選 反選和不選功能 title 78 link href rel stylesheet 9 ...
jQuery實現的全選 反選和不選功能
本文給大家分享一段基於jquery的全選 反選和不選功能的 適用於網頁多選後需要進行批量操作的場景 如批量刪除等 文章結合例項，簡潔，基本覆蓋選項選擇操作的方方面面，希望可以幫到有需要的web愛好者。html 我們的頁面上有乙個歌曲列表，列出多行歌曲名稱，並匹配核取方塊供使用者選擇，並且在列表下方有...
全選 不選和反選
今天我們來學習一下如何實現全選 不選和反選，首先我們來看一張收件箱的。收件箱如果只是簡單的刪除幾封郵件，選中刪除就可以了，但是如果郵箱裡堆滿了郵件，乙個乙個的選中再刪除，太過於浪費精力。今天你學會了如何實現全選 不選和反選，就可以不花精力的刪掉過期的郵件。接下來我們看效果圖。沒被選中之前 全選 不選...