js實(shí)現(xiàn)批量刪除功能
更新時(shí)間：2020年08月27日 09:15:39 作者：mo-2016
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)批量刪除功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
本文實(shí)例為大家分享了js實(shí)現(xiàn)批量刪除功能的具體代碼，供大家參考，具體內(nèi)容如下
界面如下：
勾選復(fù)選框會(huì)自動(dòng)記錄id，設(shè)置value=“id”即可
下面是全選操作（js）：
其中開頭的復(fù)選框的id為：delete_checkbox
下面記錄條的復(fù)選框的name為：delete_checkbox
if($("input[id='delete_checkbox']").is(':checked')==true){
$('input[name="delete_checkbox"]').each(function(){
$(this).prop("checked",true);
});
}else{
$('input[name="delete_checkbox"]').each(function(){
$(this).prop("checked",false);
});
}
在批量刪除按鈕加一個(gè)點(diǎn)擊執(zhí)行的方法：user_delete()
點(diǎn)擊批量刪除后執(zhí)行的代碼如下：
//點(diǎn)擊批量刪除按鈕
function user_delete() {
//獲取已經(jīng)勾選的復(fù)選框
let checkedId=new Array(); //定義一個(gè)數(shù)組來保存已選中的value值
$('input[name="delete_checkbox"]:checked').each(function(){
if(!isNaN($(this).val())){
checkedId.push($(this).val());
}else{
console.log("拿不到");
}
});
if(checkedId.length == 0){
alert("請(qǐng)選擇要?jiǎng)h除的信息！");
return false;
}
console.log("拿到的數(shù)組為："+checkedId);
console.log("拿到的字符串為："+checkedId.toString());
//進(jìn)行批量刪除操作
$.ajax({
type:"POST",
url:"",
data:{"id":checkedId.toString()},
success:function (data) {
alert("請(qǐng)求返回的信息！");
location.reload(); //重新刷新頁面
},
error:function () {
alert("請(qǐng)求失??！");
}
});
}
以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
JS監(jiān)聽dom高度變化幾種常用方法總結(jié)
我們?cè)陂_發(fā)中會(huì)遇到一些需求,需要監(jiān)聽元素變化,比如元素屬性變化,元素大小變化,這篇文章主要給大家介紹了關(guān)于JS監(jiān)聽dom高度變化幾種常用方法的相關(guān)資料,需要的朋友可以參考下2023-10-10
記得幾年前剛接觸前端的時(shí)候，覺得能在網(wǎng)頁上拖移元素是一件很爽的事，能寫一段這樣的代碼是件很了不起的事情，于是乎google,baidu蠻多代碼來學(xué)習(xí)，大致明白了思路，總結(jié)如下2010-12-12
這篇文章主要介紹了javascript DOM的詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2017-03-03
下面小編就為大家?guī)硪黄猨s中遍歷Map對(duì)象的簡單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08
今年上半年因?yàn)樽霎呍O(shè)的原因,有自己接觸到后端,也是用過了postman去測(cè)試接口,看到了postman那邊的參數(shù)形式,一直對(duì)這個(gè)formData有想法,今天通過本文給大家介紹Postman的FormData傳參的使用,感興趣的朋友一起看看吧2023-10-10
最近在做一個(gè)小程序的項(xiàng)目,所以記錄下開發(fā)過程中遇到的坑,這篇文章主要給大家介紹了關(guān)于微信小程序開發(fā)之你可能沒有踩過的神坑,需要的朋友可以參考下2021-09-09
微信小程序wxss如何引用外部CSS文件以及iconfont
這篇文章主要給大家介紹了關(guān)于微信小程序wxss如何引用外部CSS文件以及iconfont的相關(guān)資料，文中通過圖文介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)web留言板功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
Bootstrap每天必學(xué)之按鈕，本文講解的就是大家最為常用的button按鈕的樣式，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要為大家詳細(xì)介紹了JS使用H5實(shí)現(xiàn)圖片預(yù)覽功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-09-09