基于php(Thinkphp)+jquery 實現ajax多選反選不選刪除數據功能
更新時間:2017年02月24日 10:42:49 作者:文藝的流氓
這篇文章主要介紹了基于php(Thinkphp)+jquery 實現ajax多選反選不選刪除數據功能的相關資料,需要的朋友可以參考下
建議有js基礎,了解jquery,thinkphp,廢話不說多下面就上代碼
《————HTML————》
//thinkphp循環(huán)顯示把data里fid賦予多選框 <volist name="data" id="vo"> <tr> <td><input type="checkbox" value="{$vo.fid}"/></td>//可在后面加td輸入參數 </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="刪除選定數據">刪除</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(',');//數組轉換以逗號隔開的字符串 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("頁面請求錯誤,請檢查重試或聯系管理員!\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ā)過來的數據都在控制臺查看,當前頁面沒輸出,不要去頁面上去找。
以上所述是小編給大家介紹的基于php(Thinkphp)+jquery 實現ajax多選反選不選刪除數據功能,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!
相關文章
php和數據庫結合的一個簡單的web實例 代碼分析 (php初學者)
這是一個基本的教程。沒有怪異的代碼,只是一些基礎。現在有大量的教程是基于UNIX機器的,這個教程將集中在基于Windows平臺上。2011-07-07迪菲-赫爾曼密鑰交換(Diffie–Hellman)算法原理和PHP實現版
這篇文章主要介紹了迪菲-赫爾曼密鑰交換(Diffie–Hellman)算法原理和PHP實現版,需要的朋友可以參考下2015-05-05php 偽造HTTP_REFERER頁面URL來源的三種方法
這篇文章主要介紹了php 偽造HTTP_REFERER頁面URL來源的三種方法的相關資料,需要的朋友可以參考下2016-09-09php解析url并得到url中的參數及獲取url參數的四種方式
本文給大家介紹php解析url并得到url中的參數及獲取url參數的四種方式,涉及到將字符串參數變?yōu)閿到M,將參數變?yōu)樽址南嚓P知識,本文代碼簡單易懂,感興趣的朋友一起看看吧2015-10-10