建議有js基礎(chǔ),了解jquery,thinkphp,廢話不說(shuō)多下面就上代碼
《————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()"    //多選    $("#all").click(function(){       if(this.checked){           $("#list :checkbox").attr("checked", true);        }else{           $("#list :checkbox").attr("checked", false);       }       });    //當(dāng)點(diǎn)到全選按鈕    $("#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)換以逗號(hào)隔開(kāi)的字符串       if (valArr.length == 0) {        alert('請(qǐng)選擇要?jiǎng)h除的選項(xiàng)');      }else{        if (confirm("確定刪除?刪除后將無(wú)法恢復(fù)。")){          var data={name:vals};          $.ajax({            type: "post",            url: "{:U('College/School/faculty_del')}",//url為tp方法(控制器/方法)            data:data,            success: function(json) {             var obj = eval('(' + json + ')');//返回回來(lái)的json轉(zhuǎn)化為js對(duì)象              if (parseInt(obj.counts) > 0) {                alert(obj.des);                location.reload();               } else {                alert(obj.des);               }              },            error: function(XMLHttpRequest, textStatus) {               alert("頁(yè)面請(qǐng)求錯(cuò)誤,請(qǐng)檢查重試或聯(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ā)過(guò)來(lái)的數(shù)據(jù)都在控制臺(tái)查看,當(dāng)前頁(yè)面沒(méi)輸出,不要去頁(yè)面上去找。
以上所述是小編給大家介紹的基于php(Thinkphp)+jquery 實(shí)現(xiàn)ajax多選反選不選刪除數(shù)據(jù)功能,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)VeVb武林網(wǎng)網(wǎng)站的支持!
新聞熱點(diǎn)
疑難解答
圖片精選