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