Heim > Backend-Entwicklung > PHP-Tutorial > php(Thinkphp)+jquery implementiert die Ajax-Mehrfachauswahl, die inverse Auswahl und die Funktion zum Löschen von Daten

php(Thinkphp)+jquery implementiert die Ajax-Mehrfachauswahl, die inverse Auswahl und die Funktion zum Löschen von Daten

高洛峰
Freigeben: 2023-03-06 07:06:02
Original
1380 Leute haben es durchsucht

Es wird empfohlen, Grundkenntnisse in js zu haben, jquery und thinkphp zu verstehen. Beginnen wir ohne weitere Umschweife mit dem 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>
Nach dem Login kopieren

《————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>
Nach dem Login kopieren

《————PHP ————》

public function faculty_del(){
    $fid = trim($_POST[&#39;name&#39;]);
    //以下为查询条件
    $bname[&#39;deletemark&#39;] = 0;
    $res = $this->faculty_model
            ->where(array(&#39;fid&#39;=>array(&#39;in&#39;,$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;    
  }
Nach dem Login kopieren

Da es asynchron ist, werden die von Ihnen gesendeten Daten auf der Konsole angezeigt Die aktuelle Seite wird nicht ausgegeben. Suchen Sie daher nicht nach der Seite.

Das Obige stellt Ihnen der Editor basierend auf PHP (Thinkphp) + JQuery vor, um die Ajax-Funktion zum Auswählen, Invertieren und Löschen von Daten zu implementieren Bei Fragen hinterlassen Sie mir bitte eine Nachricht, der Herausgeber wird allen rechtzeitig antworten. Ich möchte mich auch bei Ihnen allen für Ihre Unterstützung der chinesischen PHP-Website bedanken!

Weitere PHP (Thinkphp) + JQuery zur Implementierung der Ajax-Funktionen „Mehrfachauswahl“, „Umkehrauswahl“ und „Daten löschen“ finden Sie auf der chinesischen PHP-Website für verwandte Artikel!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage