wake-up-neo.net

Mehrere Optionsfeldgruppen in einem Formular

Ist es möglich, mehrere Optionsfeldgruppen in einem Formular zu haben? Normalerweise hebt die Auswahl einer Schaltfläche die Auswahl der vorherigen auf. Ich muss nur eine von einer Gruppe abwählen.

<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>
78
AlexG

Setzen Sie die gleichen name Attribute, um eine Gruppe zu erstellen.

<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>
140
pankijs

Tun Sie nur eines: Wir müssen die Namenseigenschaft für dieselben Typen festlegen. für zb.

Versuchen Sie es unten:

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

Und auch wir können es in eckig1, eckig 2 oder auch in jquery machen.

<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>  
9
Kunvar Singh

Dies ist sehr einfach. Sie müssen für jede Funkeingangsgruppe unterschiedliche Namen verwenden.

      <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
1
Nahid Rehman

im eingabefeld gleich benennen wie

<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" >
0
Mosfeq Anik

Um eine Gruppe von Eingaben zu erstellen, können Sie ein benutzerdefiniertes HTML-Element erstellen

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

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

um die ausgewählte Option in jeder Gruppe beizubehalten, müssen Sie den Eingaben in der Gruppe ein Namensattribut hinzufügen. Wenn Sie es nicht hinzufügen, ist alles eine Gruppe.

0
user3844710