Maison > interface Web > js tutoriel > jQuery implémente la fonction select all de list_jquery

jQuery implémente la fonction select all de list_jquery

WBOY
Libérer: 2016-05-16 16:08:41
original
1563 Les gens l'ont consulté

Seules quelques lignes de code sont nécessaires pour réaliser la fonction de sélection complète de la liste, et le programme de suppression en arrière-plan peut être exécuté en conjonction avec la demande de publication

js

Copier le code Le code est le suivant :

fonction DelAlert(données)
{
Si(données == 'erreur')
            {
alert("Erreur~");
>
          else if(data == 'success')
            {
alert("Succès~");
location.reload();
>
>
//Présentation de jquery, le backend ici est thinkphp
$(fonction(){
//La case à cocher de chaque ligne doit avoir un attribut check-value pour stocker l'identifiant de la ligne actuelle
//Sélectionner tout, checkAll est l'identifiant de la case à cocher qui sélectionne tout, selctone est la classe de chaque ligne de case à cocher
          $('#checkAll').selectall('selectone');
//Supprimer la sélection, deleteAll est l'identifiant du bouton Supprimer tout, selectone est la classe de chaque ligne de case à cocher et l'arrière-plan reçoit les identifiants de paramètres au format tel que : 1,2,3
        var url = "Accueil/Rôle/delall'";
           $('#deleteAll').delselect('selectone',url,function(data){
               DelAlert(data);
          },fonction(){
              layer.msg("Aucun contenu sélectionné",2,0);
        });
})

jquery.selectall.js

Copier le code Le code est le suivant :

(fonction( $ ){
    $.fn.selectall = fonction (nom de classe) {
        $(this).bind('click',function()
        {
            if($(this).attr('checked') == 'checked')
            {
                $(this).attr("checked",false)
                $('.' className).attr('checked',false);
            }autre{
                $(this).attr('checked','checked');
                $('.' className).attr('checked','checked');
            >
        });
        $('.' className).bind('click',function()
        {
            if($(this).attr('checked') == 'checked')
            {
                $(this).attr("checked",false);
            }autre{
                $(this).attr('checked','checked');
            >
        });
    };
    $.fn.delselect = function(className,url,fun,unselectfun){
        $(this).bind('clic',function(){
            var selectid = '';
            $("." className).each(function(){
                if($(this).attr('checked')=='checked'){
                    selectid =$(this).attr('check-value') ',';
                >
            });
            si (identifiant sélectionné)
            {
                selectid = selectid.substring(0,selectid.length-1);
                $.post(url,{ids:selectid},function(data){
                    amusant(données);
                });
            }ailleur
            {
                unselectfun();
            >
        });
    };
})( jQuery );

以上所述就是本文的全部内容了,希望大家能够喜欢。

É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