Realisieren Sie basierend auf Thinkphp und jquery die Funktion der Ajax-Mehrfachauswahl, der umgekehrten Auswahl und des Löschens von Daten.

Dieser Artikel stellt hauptsächlich die relevanten Informationen zur Implementierung der Ajax-Funktion zum Auswählen, Invertieren und Löschen von Daten basierend auf PHP (Thinkphp) + JQuery vor. Freunde in Not können sich auf Folgendes beziehen:

Es wird empfohlen Ich habe eine js-Grundlage und verstehe jquery. Ohne weitere Umschweife, hier ist der Code

《————HTML————》

//thinkphp循环显示把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(&#39;,&#39;);//数组转换以逗号隔开的字符串 
      if (valArr.length == 0) {
        alert(&#39;请选择要删除的选项&#39;);
      }else{
        if (confirm("确定删除？删除后将无法恢复。")){
          var data={name:vals};
          $.ajax({
            type: "post",
            url: "{:U(&#39;College/School/faculty_del&#39;)}",//url为tp方法（控制器/方法）
            data:data,
            success: function(json) {
             var obj = eval(&#39;(&#39; + json + &#39;)&#39;);//返回回来的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;    
  }

Da es asynchron ist, werden die von Ihnen gesendeten Daten auf der Konsole angezeigt. Es gibt keine Ausgabe auf der aktuellen Seite, also gehen Sie nicht auf die Seite, um sie zu finden .

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.

Verwandte Empfehlungen:

thinkPHP3.2.3 kombiniert mit Laypage, um die Paging-Funktion zu implementieren

ThinkPHP und Ajax implementieren den sekundären Linkage-Drop -down-Menü

Basierend auf Anti-Ajax-Push, Echtzeit-Nachrichten-Push-Funktion, implementiert durch PHP

Das obige ist der detaillierte Inhalt vonRealisieren Sie basierend auf Thinkphp und jquery die Funktion der Ajax-Mehrfachauswahl, der umgekehrten Auswahl und des Löschens von Daten.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!