Thinkphp and jquery based Ajax multi-select uncheck Delete data function

This article mainly introduces the PHP (thinkphp) +jquery implementation of the AJAX multi-select and uncheck the delete data function of the relevant data, the need for friends can refer to the following

Suggested have JS Foundation, understand jquery,thinkphp, nonsense don't say more below on code

"———— HTML ————"

thinkphp loop display the data fid is given a marquee <volist name= "data" id= "VO" ><tr>   <td><input type= "checkbox" Value= "{$vo. FID}"/></td>//can be added in the following TD input parameters  </tr></volist><tr><th width= "> <input type= "checkbox" id= "All"/> Select all </th><th width= "up" ><input type= "button" value= "Select All" class= " BTN "id=" SelectAll "/></th><th width=" "><input type=" button "value=" All not selected "class=" btn "id=" unselect "/></th><th><input type=" button "value=" reverse select "class=" btn "id=" reverse "/></th> <th width= "> <a href=" javascript:void (0), "rel=" external nofollow "onclick=" del () "title=" Delete selected data "> Delete </a> </th> </tr>

"———— jsvascript ————"

<script>//Multi-Select $ ("#all"). Click (function () {if (this.checked) {$ ("#list: CheckBox"). attr ("checked        ", true);       }else{$ ("#list: CheckBox"). attr ("checked", false);    }       });      When the point to the Select All button is $ ("#selectAll"). Click (function () {$ ("#list: CheckBox, #all"). attr ("Checked", true);    });      Do not select $ ("#unSelect"). Click (function () {$ ("#list: CheckBox, #all"). attr ("checked", false);    }); Uncheck $ ("#reverse"). Click (function () {$ ("#list: CheckBox"). each (function () {$ (this). attr ("Checked",        !$ (This). attr ("checked"));       });     Allcheck ();    });      Delete Function del () {var valarr = new Array;       $ ("#list: checkbox[checked]"). each (function (i) {valarr[i] = $ (this). Val ();      });      var vals = Valarr.join (', ');//array converts a comma-separated string if (Valarr.length = = 0) {alert (' Select option to delete '); }else{if (Confirm ("OK delete?") It will not be recoverable after deletion.          ")) {var data={name:vals};  $.ajax ({          Type: "Post", url: "{: U (' College/school/faculty_del ')}",//url is TP method (Controller/method) Data:data, Success:function (JSON) {var obj = eval (' (' + JSON + ') ');//returns the JSON converted to the JS object if (parseint                (obj.counts) > 0) {alert (obj.des);               Location.reload ();               } else {alert (obj.des); }}, Error:function (XMLHttpRequest, textstatus) {alert ("page request error, please check retry or contact administrator!             \ n "+ textstatus);        }           }); }}}</script>

"———— PHP ————"

Public Function Faculty_del () {    $fid = Trim ($_post[' name ');    The following is the query condition    $bname [' deletemark '] = 0;    $res = $this->faculty_model            ->where (Array (' FID ' =>array (' in ', $fid))            ->save ($bname);      Query conditions for your query criteria, my side for the tombstone, modify the field value is good//    echo $this->faculty_model->getlastsql ();//    Var_dump ($res);//    exit;    if ($res) {     $counts = "1";     $des = "Success";    } else {     $counts = "0";     $des = "Failed";    }    $json _data = "{";    $json _data.= "\" counts\ ":". Json_encode ($counts). ",";    $json _data.= "\" des\ ":". Json_encode ($des). "";    $json _data.= "}";    echo $json _data;    Exit;      }

Because it is asynchronous so you send the data are viewed in the console, the current page is not output, do not go to the page to find.

The above is the whole content of this article, I hope that everyone's learning has helped, more relevant content please pay attention to topic.alibabacloud.com!