Un seul script peut-il être utilisé pour deux ou plusieurs clics de bouton d'ancrage?

Question

Dans ma page, il y a deux boutons d'ancrage 'Conatct Selected', l'un en haut ayant id comme "selectAllLink" et l'autre en bas ayant l'id comme "selectAllLinkB" de la page. Celui du haut fonctionne parfaitement en utilisant le script suivant:

<script type="text/javascript"> 

$(function() { 
    $('#selectAllLink').each(function() { 
     var a = []; 
     var n = $("td.title_listing input:checked"); 
     var s = ""; 

     n.each(function() { 
      a.push(this.value); 
     }); 
     s = a.join(','); 

     if (a.length > 0) 
      this.href = "/D_ContactSeller.aspx?property=" + s; 
     else 
      this.href = 'javascript:alert("Select at least one property to contact!");'; 
     return false; 
    }); 
}); 

maintenant mon bouton d'ancrage bas j'ai essayé de mettre son ID comme « selectAllLinkB » et a changé le code comme ceci:

<script type="text/javascript"> 

    $(function() { 
     $('#selectAllLink, selectAllLinkB').each(function() { 
      var a = []; 
      var n = $("td.title_listing input:checked"); 
      var s = ""; 
      ..... 
      ..... 
      ..... 
    }); 

Existe-t-il une méthode simple pour appeler le script à la fois pour l'événement de bouton d'ancrage? en attente de la réponse rapide et bonne. Merci à l'avance ...

Answer 1

Vous avez pris la peine d'utiliser JavaScript discret pour modifier le href, et vous avez même jQuery. Il n'y a vraiment aucune raison d'être en utilisant cette méthode

this.href = 'javascript:alert("Select at least one property to contact!");'; 

Au lieu de cela, vous devriez envisager d'utiliser une méthode d'enregistrement d'événement plus moderne:

$(function() { 
    $('#selectAllLink, #selectAllLinkB').click(function(e) { 
     var a = []; 
     $("td.title_listing input:checked").each(function() { 
      a.push(this.value); 
     }); 

     if (a.length) { 
      this.href = "/D_ContactSeller.aspx?property=" + a.join(','); 
     } else { 
      e.preventDefault(); 
      alert("Select at least one property to contact!"); 
      return false; 
     } 
    }); 
}); 

Answer 2

Vous êtes assez proche. Le sélecteur doit être '#selectAllLink, #selectAllLinkB'. Toutefois, vous pouvez utiliser la méthode click au lieu de each pour enregistrer un événement click au lieu de définir les attributs href au moment du chargement. Maintenant, vous obtenez les cases à cocher qui sont vérifiées lorsque la page se charge, pas lorsque le lien est cliqué.

Answer 3

je changerais de l'id à une classe et donc quelque chose comme:

<script type="text/javascript"> 

$(function() { 
    $('.selectAllLink').each(function() { ... 
    } 
}