9
votes

Comment puis-je parcourir toutes mes cases à cocher checkées?

Mon site possède ce qui suit:

<form action="??" method="??" >
   <input value="Action"  type="submit">
      <select id="SelectedAction" >
        <option value="1">Delete</option>
        <option value="2">Move</option>
      </select>
</form>


2 commentaires

Dupliqué possible de JQuery Sélectionnez (chacune) toutes les cases cochées?


Je ne sais tout simplement pas assez sur JQuery : le temps d'en savoir plus;) Docs.JQuery .com / Tutoriels


4 Réponses :


2
votes

Vous devrez ajouter une classe à vos cases à cocher. Après cela, utilisez la méthode anathey de jQuery () comme ceci:

html xxx

jQuery xxx

edit

Voir ceci "href =" http://jsfiddle.net/ Jtnue / 1 / "rel =" nofollow "> violon (code ci-dessus). J'ai seulement implémenté l'option Supprimer (pas très bien), mais utilisez la variable la valeur pour vérifier quelle option est sélectionnée. Si vous voulez que cela se produise avant que le formulaire soit soumis, supprimez la ligne E.PreventDefault () .


1 commentaires

Existe-t-il une manière que je puisse déclencher cette "vérification" en cliquant sur mon bouton d'entrée figurant dans le formulaire. Dois-je toujours besoin d'un formulaire car je dois obtenir la valeur de la liste de sélection?



28
votes
$("input[type=submit]").click(function () {
    var answer = $("#SelectedAnswer").val();
    $("input:checked").each(function () {
        var id = $(this).attr("id");
        alert("Do something for: " + id + ", " + answer);
    });
});

2 commentaires

Que diriez-vous si je prends le bouton hors du formulaire? Y a-t-il vraiment besoin de moi d'avoir une forme là-bas?


Non. Le formulaire n'a aucun but, sauf si vous allez l'utiliser pour envoyer des données au serveur.



13
votes
$('input[type=checkbox]:checked').each(function() {
    // Do something interesting
});

0 commentaires

0
votes

définitivement.

La première chose à faire est de lier un gestionnaire d'événements à votre événement de soumission sur le formulaire à l'aide du $. Soumettre () code> gestionnaire. Ensuite, vous voulez itérer sur chacun des éléments d'entrée vérifiés: P>

function doMyCustomFunction(el, formAction) {
   console.info('The element ID is ' + el.id + ' and the action is ' + formAction);
   return true;
}


0 commentaires