2017-05-16 3 views
0

Hier http://imgur.com/a/rCzsc ist der Screenshot der Teilnahme Panel, was ich machen möchte.Wie mache ich mehrere Auswahl in Radiobutton in HTML

Ich mache eine Anwesenheitsanzeige, aber ich bin nicht in der Lage, einzelne Radio-Taste in einer Zeile zu wählen, die in einer Schleife iteriert und auf submit Wert der Gegenwart, abwesend und Halbtag sollte in drei verschiedenen Arrays gespeichert werden. Aber in meinem Fall kann ich unter allen nur einen Radioknopf auswählen. Wenn ich den Namen des Optionsfelds in drei verschiedene Namen ändere, kann ich nur ein Optionsfeld in der Spalte auswählen, aber ich möchte ein einzelnes Optionsfeld in der Zeile auswählen. Hier ist Code.

`<tr> 
<td><input type="radio" name="present[]" required value=''></td> 
<td><input type="radio" name="absent[]" required value=''></td> 
<td><input type="radio" name="halfday[]" required value=''></td> 
</tr>` 
+0

nicht sicher, ob dies funktionieren würde, aber Sie könnten etwas wie folgt versuchen: https://jsfiddle.net/y7e85g0h/, so würde jede Zeile eindeutig sein und alle Radios würden in ein Array gehen (alle Namen müssen sein einzigartig, was sie nicht sein können) – Pete

Antwort

0

Vom Mozilla DN/ HTML element reference -> input

Sie müssen den Wert Attribut, um den Wert von diesem Artikel abgegeben zu definieren. Verwenden Sie das Kontrollkästchen, um anzugeben, ob dieses Element standardmäßig ausgewählt ist. Optionsfelder, die denselben Wert für das Namensattribut haben, befinden sich in derselben "Optionsfeldgruppe". Es kann immer nur ein Optionsfeld in einer Gruppe ausgewählt werden.

Daher müssen Sie den gleichen Namen festlegen und den Wert abfangen. In Ihrem Fall würde es wie folgt aussehen:

<table> 

<tr><td><input type="radio" name="attendance[1]" value="present" /></td> 
<td><input type="radio" name="attendance[1]" value="absent" /></td> 
<td><input type="radio" name="attendance[1]" value="halfday" /></td></tr> 

<tr><td><input type="radio" name="attendance[2]" value="present" /></td> 
<td><input type="radio" name="attendance[2]" value="absent" /></td> 
<td><input type="radio" name="attendance[2]" value="halfday" /></td></tr> 

</table> 

Dann geben Sie den Namen/id/Wert für ‚Teilnahme‘ ausgewählt haben und ‚Benutzer‘ nach ihrem Namen/id/Wert. HINWEIS: ID für Benutzer müssen anders sein. Sie können Namen oder IDs oder beides erfassen und verwenden.