Plusieurs des groupes de boutons radio dans un formulaire

Est-il possible d'avoir plusieurs des groupes de boutons radio dans un formulaire unique? Habituellement en sélectionnant un bouton désactive la précédente, j'ai juste besoin d'avoir un groupe de désélectionné.

<form>
    <fieldset id="group1">
        <input type="radio" value="">
        <input type="radio" value="">
    </fieldset>

    <fieldset id="group2">
        <input type="radio" value="">
        <input type="radio" value="">
        <input type="radio" value="">
    </fieldset>
</form>
  • Leur donner des noms (c'est à dire <input type="checkbox" name="checkGroup1" value =""/>
InformationsquelleAutor AlexG | 2015-02-16
  1. 134

    Égal name des attributs pour créer un groupe;

    HTML:

    <form>
  <fieldset id="group1">
    <input type="radio" value="value1" name="group1">
    <input type="radio" value="value2" name="group1">
  </fieldset>

  <fieldset id="group2">
    <input type="radio" value="value1" name="group2">
    <input type="radio" value="value2" name="group2">
    <input type="radio" value="value3" name="group2">
  </fieldset>
</form>

    • si la valeur est égale à "" à chaque fois, comment puis-je savoir quel bouton radio a été choisi? comment puis-je savoir si un bouton radio a été choisi au tout?
    • Insérez vos propres valeurs
    InformationsquelleAutor pankijs
  2. 7

    De faire juste une chose,
    Nous avons besoin de définir le nom de la propriété pour les mêmes types. pour eg.

    Essayer ci-dessous:

    <form>
    <div id="group1">
        <input type="radio" value="val1" name="group1">
        <input type="radio" value="val2" name="group1">
    </div>
</form>

    Et aussi, nous pouvons le faire dans angular1,angulaire 2 ou en jquery aussi.

    <div *ngFor="let option of question.options; index as j">
<input type="radio" name="option{{j}}" value="option{{j}}" (click)="checkAnswer(j+1)">{{option}}
</div>
    InformationsquelleAutor Kunvar Singh
  3. 0

    Pour créer un groupe d'entrées, vous pouvez créer un élément html

    window.customElements.define('radio-group', RadioGroup);

    https://gist.github.com/robdodson/85deb2f821f9beb2ed1ce049f6a6ed47

    de garder l'option sélectionnée dans chaque groupe, vous devez ajouter l'attribut nom d'entrées dans le groupe, si vous les ajoutez pas alors tout est un groupe.

    • Pouvez-vous préciser comment cela résout la question du problème? Cela crée aussi un seul groupe, il ajoute un nom unique pour les entrées de chaque groupe que vous créez de cette façon?
    InformationsquelleAutor user3844710
  4. 0

    C'est très simple, vous avez besoin de garder des noms différents de chaque entrée radio groupe.

    HTML:

          <input type="radio" name="price">Thousand<br>
      <input type="radio" name="price">Lakh<br>
      <input type="radio" name="price">Crore
      
      </br><hr>

      <input type="radio" name="gender">Male<br>
      <input type="radio" name="gender">Female<br>
      <input type="radio" name="gender">Other

    InformationsquelleAutor Nahid Rehman
  5. 0

    dans le champ de saisie faire de même nom
    comme 

    <input type="radio" name="option" value="option1">
<input type="radio" name="option" value="option2" >
<input type="radio" name="option" value="option3" >
<input type="radio" name="option" value="option3" >
    InformationsquelleAutor Mosfeq Anik