2008-12-31 5 views
4

Quel serait le meilleur moyen de faire défiler tous les boutons radio sur ma page et d'alerter l'utilisateur si l'un d'eux n'est pas coché pour une question particulière?Contrôle du bouton radio w/jQuery

Note: il y a plusieurs questions sur une seule page.

<li> 
    <fieldset> 
    <h3>What music do you listen to?</h3> 

     <ul class="answerList"> 
      <li> 
       <input type="radio" id="choice_22" name="answer8" value="1" class=""/> 
       <label for="choice_22" class="">Heavy Metal </label> 
      </li> 
      <li> 
       <input type="radio" id="choice_23" name="answer8" value="2" class=""/> 
       <label for="choice_23" class="">Pop music</label> 
      </li> 
      <li> 
       <input type="radio" id="choice_24" name="answer8" value="3" class=""/> 
       <label for="choice_24" class="">Oh, a mix of stuff </label> 
      </li> 
     </ul> 
     </fieldset> 
     </li> 
+0

Ceux-ci devraient être cases à cocher, pas de boutons radio. Les boutons radio affirment qu'il existe un nombre N de choix, mais un seul peut être sélectionné dans le groupe. Les cases à cocher indiquent qu'il y a N choix, toutes les combinaisons possibles étant des sélections viables, comme votre liste de réponses. – Will

+0

leur destiné à être radio, une seule réponse peut être sélectionnée – adam

+0

il y a plusieurs questions sur une page, ce qui précède est juste un exemple d'une question. ce que j'essaye de faire est de m'assurer sur le soumettre qu'aucune des questions ne sont laissées sans réponse – adam

Répondre

12
if (undefined === $("input[name='answer8']:checked").val()) { 
    // do something 
} 
+1

Btw dans jQuery 1.3 Les sélecteurs de style [@attr] ont été supprimés (dans 1.2 ils étaient obsolètes) – jitter

+0

J'ai mis à jour la syntaxe pour refléter cette dernière API (il suffit de supprimer le caractère "@" et vous êtes prêt à partir). Merci d'avoir fait remarquer cela. – patridge

Questions connexes