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

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

WBOY
發布: 2016-05-16 16:44:58
原創
1225 人瀏覽過
複製代碼代碼如下:






$(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
許昌










表>
身體>



相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板