Valider ensemble de boutons radio en utilisant AngularJS

Question

mon code ressemble à ceci:

<ng-form name="form"> 

    <div> 
     Question 1 
     <label> 
      <input type="radio" ng-model="q1" style="visibility: initial; position: relative;" 
        ng-value="false"> 
       No 
     </label> 

     <label> 
      <input type="radio" ng-model="q1" style="visibility: initial; position: relative;" 
        ng-value="true" ng-required="!(q1||q2||q3)"> 
       Yes 
     </label> 

    </div> 

    <div ng-show="!q1"> 
     Question 2 
     <br/> 
     <label> 
      <input type="radio" ng-model="q2" style="visibility: initial; position: relative;" 
        ng-value="false"> 
      No   </label> 
     <br/> 
     <label> 
      <input type="radio" ng-model="q2" style="visibility: initial; position: relative;" 
        ng-value="true" ng-required="!(q1|| q2|| q3)"> 
       Yes   </label> 
     <br/> 
    </div> 

    <div ng-show="!q1 && !q2"> 
     Question 3 
     <br/> 
     <label> 
      <input type="radio" ng-model="q3" style="visibility: initial; position: relative;" 
        ng-value="false"> 
       No 
     </label> 
     <br/> 
     <label> 
      <input type="radio" ng-model="q3" style="visibility: initial; position: relative;" 
        ng-value="true" ng-required="!(q1|| q2|| q3)"> 
       Yes 
     </label> 
     <br/> 

    </div> 

    </ng-form> 

, j'ai besoin d'une (et une seule) réponse « Oui » pour les questions. Cependant, $ form.invalid est toujours faux. Je vois que 'required = "required"' est ajouté avec succès aux champs de saisie quand il devrait être ajouté, donc ng-condition requise fonctionne bien;).

http://jsfiddle.net/ahL58/134/

Answer 1

donner des noms aux entrées radio par groupe. Sinon le formulaire ne pourra pas vérifier la validation