Comment implémenter la fonction de suppression par lots avec PHP jQuery+Ajax

墨辰丷
Libérer: 2023-03-27 12:54:02
original
1297 Les gens l'ont consulté

Cet article présente principalement la méthode PHP jQuery+AjaxPHP jQuery+Ajax pour implémenter la fonction de suppression par lots. Les amis qui en ont besoin peuvent s'y référer

Par souci de beauté, j'ai quand même présenté la boîte modale. de bootstrap. Il y a une table dans ma propre bibliothèque de base de données nommée : la table maninfo est une table d'informations personnelles

Je n'écrirai pas le chargement de la table, c'est relativement simple, écrivez simplement les boutons et la partie html requis. .OK

<button type="button" class="btn btn-primary"  id="plscdz" >批量删除</button>
Copier après la connexion

Sélectionner tout :

<input type="checkbox" id="cq"/>
Copier après la connexion

parcouru Le chèque les cases sont

<input type="checkbox" value="{$v[0]}" class="cq"/>
Copier après la connexion

Tout d'abord, cliquez sur le bouton Sélectionner tout pour sélectionner toutes les cases à cocher parcourues

<script type="text/javascript">
 $("#cq").click(function(){
$(".cq").prop("checked",$(this).prop("checked"));
})
</script>
Copier après la connexion
.

Ici, je viens d'écrire une simple boîte modale

<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>
Copier après la connexion

De cette façon, le contenu front-end est complet Maintenant, passons commencez à écrire la partie js. J'utilise 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("请选择您要删除的内容");
      }
    })
  }
Copier après la connexion

ajax se connectera à la page de traitement de suppression par lots. La page de traitement de suppression

<?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";
  }
}
Copier après la connexion

est écrite ici. Si vous l'essayez vous-même, cela risque de ne pas fonctionner, vous devez donc ajuster la méthode de suppression par lots. un instant, s'il existe une méthode de chargement auparavant, écrivez simplement la méthode de suppression par lots directement dans la méthode de chargement et appelez-la

Recommandations associées :

Implémentation PHP batch Comment supprimer opération

ThinkPHP Comment implémenter la suppression par lots de colonnes

Méthode PHP pour implémenter la suppression par lotsopération jQuery

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal