So implementieren Sie die Batch-Löschfunktion mit PHP jQuery+Ajax

墨辰丷
Freigeben: 2023-03-27 12:54:02
Original
1233 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die Methode von PHP jQuery+AjaxPHP jQuery+Ajax zum Implementieren der Stapellöschfunktion vorgestellt.

Der Schönheit halber habe ich noch die Modalbox eingeführt von Bootstrap. In meiner eigenen Datenbankbibliothek gibt es eine Tabelle mit dem Namen: maninfo table is a personal information table

Ich werde das Laden der Tabelle nicht schreiben, es ist relativ einfach, die erforderlichen Schaltflächen und HTML zu schreiben Teil. OK

<button type="button" class="btn btn-primary"  id="plscdz" >批量删除</button>
Nach dem Login kopieren

Alles auswählen:

<input type="checkbox" id="cq"/>
Nach dem Login kopieren

Die durchquerten Kontrollkästchen sind

<input type="checkbox" value="{$v[0]}" class="cq"/>
Nach dem Login kopieren

Klicken Sie zunächst auf die Schaltfläche „Alle auswählen“, um alle durchlaufenen Kontrollkästchen auszuwählen

<script type="text/javascript">
 $("#cq").click(function(){
$(".cq").prop("checked",$(this).prop("checked"));
})
</script>
Nach dem Login kopieren

Hier habe ich gerade eine einfache modale Box geschrieben

<p class="modal fade" id="myModal11" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
          <p class="modal-dialog">
            <p class="modal-content">
              <p class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                  ×
                </button>
                <h4 class="modal-title" id="myModalLabel">
                  提示
                </h4>
              </p>
              <p id="qrnr1" class="modal-body">
                您将删除选中的图书!
              </p>
              <p class="modal-footer">
                <button id="qxplsc" type="button" class="btn btn-default" data-dismiss="modal">取消删除</button>
                <button id="qrplsc" type="button" class="btn btn-primary">确认批量删除</button>
              </p>
            </p><!-- /.modal-content -->
          </p><!-- /.modal -->
        </p>
      </p>
Nach dem Login kopieren

Auf diese Weise ist der Front-End-Inhalt fertig und dann beginne ich mit dem Schreiben des js-Teils alle verwenden jquery

var chk = "";
  var check2 = "";
  //判断多个复选框中的某一个是否被实现
  function checked(){
    var count = 0;
    var checkx = $("#cq");
    if(checkx.checked)
    {
      check2=1;//选中全选按钮
    }
    else
    {
      check2=0;//没选中全选按钮
    }
    var checkArry = $(".cq");
    for (var i = 0; i < checkArry.length; i++)
    {
      if(checkArry[i].checked == true)
      {
        //选中的操作
        count++;
      }
    }
    if( count == 0 )
    {
      chk=0;//没有选中项
    }
    else
    {
      chk=1;//有选中项
    }
    //alert(chk);
  }
  function plscdzxx()
  {
    //批量删除
    $("#plscdz").click(function(){
      checked();
      if(chk==1 || check2==1){// 提交
        $(&#39;#myModal12&#39;).modal(&#39;show&#39;);
        $("#nqrplsc").click(function(){/*给确认删除按钮加事件*/
          $(&#39;#myModal12&#39;).modal(&#39;hide&#39;);
          //找选中的主键值,用循环遍历选中的主键值
          var cq =$(".cq");
          var plstr ="";
          for(var i=0;i<cq.length;i++)
          {
            if(cq.eq(i).prop("checked"))
            {
              plstr+=cq.eq(i).val()+"&#39;,&#39;";
            }
          }
          plstr= plstr.substr(0,plstr.length-3); //分隔符占3个字符,截取字符串,去掉最后的"&#39;,&#39;",这样正好匹配SQL语句
          $.ajax({
            async:false,
            url:"plscdz.php",
            data:{plstr:plstr},
            dataType:"TEXT",
            type:"POST",
            success:function(data){
              if(data.trim()=="OK")
              {
                alert("删除成功");
                nload();  //在这里要重新加载一遍页面
              }
              else
              {
                alert("删除失败");
              }
            }
          });
        });
      }
      else if(chk==0)
      {
        // 不提交
        //alert(chk);
        alert("请选择您要删除的内容");
      }
    })
  }
Nach dem Login kopieren

Ajax wird mit der Seite zur Stapellöschverarbeitung verbunden. Hier ist die Seite zur Stapellöschverarbeitung

<?php
session_start();
include("DBDA.class.php");
$db = new DBDA();
if(!empty($_POST["plstr"]))
{
  $plstr = $_POST["plstr"];
  $sql = "delete from maninfo where id in (&#39;{$plstr}&#39;)";
  if($db->Query($sql,0))
  {
    echo "OK";
  }
  else
  {
    echo "NO";
  }
}
Nach dem Login kopieren

Wenn Sie es selbst versuchen, funktioniert es möglicherweise nicht. Wenn es zuvor eine Lademethode gibt, löschen Sie den Stapel Schreiben Sie einfach die Löschmethode in die Lademethode und nennen Sie sie

Verwandte Empfehlungen:

So implementieren Sie den Batch-Löschvorgang-Vorgang in PHP

ThinkPHP-Methode zur Implementierung der Batch-Löschung von Spalten

PHP-Methode zur Implementierung der Batch-Löschung jQuery-Operation

Das obige ist der detaillierte Inhalt vonSo implementieren Sie die Batch-Löschfunktion mit PHP jQuery+Ajax. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!