PHP développe u...LOGIN

PHP développe un module de fonction d'administrateur de système de vote simple (3)

115.png

Comme le montre l'image, il y a trois options dans le bouton cliqué ici : tout sélectionner, tout annuler et supprimer la sélection.

Cliquez sur ces boutons pour sélectionner tous les éléments, désélectionner tous les éléments et supprimer tous les éléments de vote sélectionnés

Définissez d'abord l'attribut de nom du formulaire <form>

<form id="frm" name="frm" method="post" action="" style="margin-bottom:3px;"></form>

dans L'attribut name est également utilisé dans <input>.

<input type="checkbox" name="itm"/>

Et donnez à chacun des trois boutons suivants un événement onclick

<input type="button" value="选择全部" onclick="selectAll()" />
<input type="button" value="取消全部" onclick="cancelAll()" />
<input type="button" value="删除所选" onclick="del()" />

Utilisez javascript pour implémenter le module fonction de tous les événements de clic Une boucle for est utilisée ici pour marquer la sélection. .

Cliquez sur "Sélectionner tout" pour que toutes les cases soient cochées = true et cliquez sur "Annuler tout" pour que toutes les cases soient cochées = false décochées.

Si la case n'est pas cochée, cela signifie que l'ID de contenu n'est pas sélectionné. Cliquez sur "Supprimer la sélection" et le contenu ne sera pas supprimé et un message d'invite s'affichera.

Vous pouvez sélectionner un seul identifiant à supprimer, ou vous pouvez tout sélectionner à supprimer.

<script language="javascript">
  function selectAll()  //选中所有
  {
    node=window.document.frm.itm;
    for(i=0;i<node.length;i++)
    {
      node[i].checked=true;
    }
  }
  function cancelAll() //取消选中所有
  {
    node=frm.itm;
    for(i=0;i<node.length;i++)
    {
      node[i].checked=false;
    }
  }
  function del() //删除选中的所有
  {
    node=frm.itm;
    id="";
    for(i=0;i<node.length;i++)
    {
      if(node[i].checked)
      {
        if(id=="")
        {
          id=node[i].value
        }
        else
        {
          id=id+","+node[i].value
        }
      }
    }
    if(id=="")
    {
      alert("您没有选择删除项");
    }
    else
    {
      location.href="?type=del&id="+id
    }
  }
</script>


section suivante
<input type="button" value="选择全部" onclick="selectAll()" /> <input type="button" value="取消全部" onclick="cancelAll()" /> <input type="button" value="删除所选" onclick="del()" />
soumettreRéinitialiser le code
chapitredidacticiel