基于php(Thinkphp)+jquery 實現(xiàn)ajax多選反選不選刪除數(shù)據(jù)功能
建議有js基礎(chǔ),了解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ù)組轉(zhuǎn)換以逗號隔開的字符串 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轉(zhuǎn)化為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ù)
相關(guān)文章
php和數(shù)據(jù)庫結(jié)合的一個簡單的web實例 代碼分析 (php初學者)
這是一個基本的教程。沒有怪異的代碼,只是一些基礎(chǔ)。現(xiàn)在有大量的教程是基于UNIX機器的,這個教程將集中在基于Windows平臺上。2011-07-07迪菲-赫爾曼密鑰交換(Diffie–Hellman)算法原理和PHP實現(xiàn)版
這篇文章主要介紹了迪菲-赫爾曼密鑰交換(Diffie–Hellman)算法原理和PHP實現(xiàn)版,需要的朋友可以參考下2015-05-05PHP轉(zhuǎn)換Excel中日期和時間類型的處理問題
在實際應(yīng)用中PHP讀取的Excel文件的日期無法直接使用,會出現(xiàn)的一系列問題,本文給大家介紹PHP轉(zhuǎn)換Excel中日期和時間類型的處理問題,感興趣的朋友一起看看吧2023-10-10php 偽造HTTP_REFERER頁面URL來源的三種方法
這篇文章主要介紹了php 偽造HTTP_REFERER頁面URL來源的三種方法的相關(guān)資料,需要的朋友可以參考下2016-09-09php解析url并得到url中的參數(shù)及獲取url參數(shù)的四種方式
本文給大家介紹php解析url并得到url中的參數(shù)及獲取url參數(shù)的四種方式,涉及到將字符串參數(shù)變?yōu)閿?shù)組,將參數(shù)變?yōu)樽址南嚓P(guān)知識,本文代碼簡單易懂,感興趣的朋友一起看看吧2015-10-10基于php+MySql實現(xiàn)學生信息管理系統(tǒng)實例
這篇文章主要介紹了基于php+MySql實現(xiàn)學生信息管理系統(tǒng)實例,文中通過圖片功能介紹的非常詳細,文章末尾附帶項目源碼,需要的朋友可以參考下2020-08-08