la vérification d'au moins un bouton radio est sélectionné à partir de chaque groupe (avec jquery)

Je suis dynamiquement les tirant et en les affichant bouton radio quesitons sur un formulaire séparé en différentes sections par onglets jquery).

Donc il y a beaucoup de 2, 3, 4, 5, etc radio boutons, qui ont le même nom mais des identificateurs différents.

Quand vous frappez ensuite entre les sections, je veux vérifier qu'au moins un bouton radio a été sélectionné pour chaque groupe.

( Lors du chargement du formulaire, les boutons radio ont aucun cochée par défaut et il doit être de cette façon. )

Je peux faire une boucle par le courant de la section de boutons radio, mais je ne suis pas sûr de savoir comment facilement vérifier que l'on a été vérifié pour chaque groupe?

OriginalL'auteur giom | 2010-10-26

  1. 25

    En l'absence de toute relation entre les éléments, ou comment trouver le nom du groupe, je ne peux que vous donner un pointeur, mais cela devrait fonctionner (la case est déclenchée en cliquant sur l'élément de id="nextButton", mais évidemment, cela peut être adapté à tout autre événement, comme $('form').submit(), par exemple):

    $(document).ready(
function(){
  $('#nextButton').click(
    function(){

    var radioName = something; //use this if there's a relationship between the element
                               //triggering this check and the radio buttons

      if ($('input[name='+ radioName +']:checked').length) {
           //at least one of the radio buttons was checked
           return true; //allow whatever action would normally happen to continue
      }
      else {
           //no radio button was checked
           return false; //stop whatever action would normally happen
      }
    }
  );
}
);

    OriginalL'auteur David Thomas

  2. 3
    $("input[@name='the_name']:checked").length;
    Le @ syntaxe a été obsolète depuis jQuery 1.1.4 (dans la section des commentaires).

    OriginalL'auteur eKek0

  3. 2
    if ($("input:checked").length < Num_of_groups)
{
    alert ("Please select atleast one radio button in each group");
    return false;
}

    OriginalL'auteur Aragorn108

  4. 0

    Essayer cette 

    if ($('input[name='+radioName+']:checked').length == '0'){
    //do something 
    return false;
}
    De ce fait fondamentalement les mêmes que l'on a accepté la réponse, c'est juste de pire en pire. Pourquoi comparez-vous un Number champ avec un string littérale?

    OriginalL'auteur Javid

  5. 0

    Noms d'entrée doit être même nom: sendType

    Check this out:

    $('#submitBtn').click(function(e){

   alert ($('input:radio[name="sendType"]:checked').length);

   if ($('input:radio[name="sendType"]:checked').length > 0) {
       //GO AHEAD

   } else {
       alert("SELECT ONE!");
       e.preventDefault();
   }

});

    OriginalL'auteur Wellington Oliveira