首頁 >web前端 >js教程 >jQuery實作複選框全選/取消全選/反選及獲得選擇的值_jquery

jQuery實作複選框全選/取消全選/反選及獲得選擇的值_jquery

WBOY
WBOY原創
2016-05-16 16:44:581222瀏覽
複製代碼代碼如下:






$(document).ready(function() {
//全選/取消全部
$("#checkAllChange").click(function() {
if (this.checked = = true ) {
$(".userid").each(function() {
this.checked = true;
})
} else {
$(".userid" ") .each(function() {
this.checked = false;
});
}
});
//全選
$("#checkAll" ). click(function() {
$(".userid").each(function() {
this.checked = true;
});
}); / 取消全部
$("#removeAll").click(function() {
$(".userid").each(function() {
this.checked = false;
} );
} );
// 反選
$("#reverse").click(function() {
$(".userid").each(function() {
if (this.checked == true) {
this.checked = false
} else {
this.checked = true;
}
})
});
//批次刪除
$("#delAll").click(function() {
var arrUserid = new Array();
$(".userid").each(function( i) {
if (this.checked == true) {
arrUserid[i] = $(this).val();
}
});刪除的:" arrUserid);
});
});
腳本>
頭>





用戶id
用戶名
電話
位址



1
wangzs1
18888000
浦東



2
wangzs2
18888001
上海



3
wangzs3
18888002
河南



4
wangzs4
18888003
許昌










表>
身體>



陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn