基于php(Thinkphp)+jquery 實現(xiàn)ajax多選反選不選刪除數(shù)據(jù)功能
建議有js基礎,了解jquery,thinkphp,廢話不說多下面就上代碼
《————HTML————》
//thinkphp循環(huán)顯示把data里fid賦予多選框
<volist name="data" id="vo">
<tr>
<td><input type="checkbox" value="{$vo.fid}"/></td>//可在后面加td輸入?yún)?shù)
</tr>
</volist>
<tr>
<th width="80"><input type="checkbox" id="all"/>全選</th>
<th width="80"><input type="button" value="全選" class="btn" id="selectAll" /></th>
<th width="80"><input type="button" value="全不選" class="btn" id="unSelect" /></th>
<th><input type="button" value="反選" class="btn" id="reverse" /></th>
<th width="180">
<a href="javascript:void(0);" rel="external nofollow" onclick="del()" title="刪除選定數(shù)據(jù)">刪除</a>
</th>
</tr>
《————jsvascript————》
<script>
//多選
$("#all").click(function(){
if(this.checked){
$("#list :checkbox").attr("checked", true);
}else{
$("#list :checkbox").attr("checked", false);
}
});
//當點到全選按鈕
$("#selectAll").click(function () {
$("#list :checkbox,#all").attr("checked", true);
});
//全不選
$("#unSelect").click(function () {
$("#list :checkbox,#all").attr("checked", false);
});
//反選
$("#reverse").click(function () {
$("#list :checkbox").each(function () {
$(this).attr("checked", !$(this).attr("checked"));
});
allCheck();
});
//刪除
function del(){
var valArr = new Array;
$("#list :checkbox[checked]").each(function(i){
valArr[i] = $(this).val();
});
var vals = valArr.join(',');//數(shù)組轉換以逗號隔開的字符串
if (valArr.length == 0) {
alert('請選擇要刪除的選項');
}else{
if (confirm("確定刪除?刪除后將無法恢復。")){
var data={name:vals};
$.ajax({
type: "post",
url: "{:U('College/School/faculty_del')}",//url為tp方法(控制器/方法)
data:data,
success: function(json) {
var obj = eval('(' + json + ')');//返回回來的json轉化為js對象
if (parseInt(obj.counts) > 0) {
alert(obj.des);
location.reload();
} else {
alert(obj.des);
}
},
error: function(XMLHttpRequest, textStatus) {
alert("頁面請求錯誤,請檢查重試或聯(lián)系管理員!\n" + textStatus);
}
});
}
}
}
</script>
《————PHP————》
public function faculty_del(){
$fid = trim($_POST['name']);
//以下為查詢條件
$bname['deletemark'] = 0;
$res = $this->faculty_model
->where(array('fid'=>array('in',$fid)))
->save($bname);
//查詢條件為你的查詢條件,我這邊為邏輯刪除,修改字段值就好
// echo $this->faculty_model->getLastSql();
// var_dump($res);
// exit;
if ($res) {
$counts = "1";
$des = "成功";
} else {
$counts = "0";
$des = "失敗";
}
$json_data = "{";
$json_data.= "\"counts\":".json_encode($counts).",";
$json_data.= "\"des\":".json_encode($des)."";
$json_data.= "}";
echo $json_data;
exit;
}
由于是異步所以你發(fā)過來的數(shù)據(jù)都在控制臺查看,當前頁面沒輸出,不要去頁面上去找。
以上所述是小編給大家介紹的基于php(Thinkphp)+jquery 實現(xiàn)ajax多選反選不選刪除數(shù)據(jù)功能,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
- Thinkphp5.0框架使用模型Model的獲取器、修改器、軟刪除數(shù)據(jù)操作示例
- Thinkphp5.0 框架使用模型Model添加、更新、刪除數(shù)據(jù)操作詳解
- tp5(thinkPHP5框架)使用DB實現(xiàn)批量刪除功能示例
- thinkPHP利用ajax異步上傳圖片并顯示、刪除的示例
- ThinkPHP框架實現(xiàn)用戶信息查詢更新及刪除功能示例
- ThinkPHP刪除欄目(實現(xiàn)批量刪除欄目)
- thinkphp框架實現(xiàn)刪除和批量刪除
- thinkPHP刪除前彈出確認框的簡單實現(xiàn)方法
- 基于ThinkPHP刪除目錄及目錄文件函數(shù)
相關文章
CodeIgniter框架鉤子機制實現(xiàn)方法【hooks類】
這篇文章主要介紹了CodeIgniter框架鉤子機制實現(xiàn)方法,結合具體的hooks類文件描述了鉤子機制的原理與相關操作技巧,需要的朋友可以參考下2018-08-08
PHP上傳Excel文件導入數(shù)據(jù)到MySQL數(shù)據(jù)庫示例
這篇文章主要介紹了PHP上傳Excel文件導入數(shù)據(jù)到MySQL數(shù)據(jù)庫示例,可以將Excel的數(shù)據(jù)寫入到MySQL數(shù)據(jù)庫中,感興趣的同學可以了解一下。2016-10-10
基于linnux+phantomjs實現(xiàn)生成圖片格式的網(wǎng)頁快照
在代碼區(qū)看到一個生成站點快照的代碼,看了半天才發(fā)現(xiàn),作者僅僅貼出來業(yè)務代碼,最核心的生成快照圖片的代碼反而沒有給出來。 以前記得google搜索提供站點縮略圖,那時候覺得好神奇,但是沒有花時間去做深入的調研。昨天又遇到了,那就順便調研下吧。2015-04-04
Yii數(shù)據(jù)模型中rules類驗證器用法分析
這篇文章主要介紹了Yii數(shù)據(jù)模型中rules類驗證器用法,結合實例形式分析了rules類驗證器的簡單使用方法,代碼注釋中包含了相關方法的使用說明,需要的朋友可以參考下2016-07-07
CentOS 上搭建 PHP7 開發(fā)測試環(huán)境
本文給大家分享的是作者在centos上搭建部署php7的開發(fā)測試環(huán)境的全部過程,非常的細致,有需要的小伙伴可以參考下2017-02-02

