Wie um zu überprüfen, mehrere radio Buttons, radio-buttons mit gleichem Namen?
Möchte ich überprüfen Sie mehrere radio-buttons, die alle radio-buttons mit gleichem Namen, aber unterschiedlichen ids.
Hier ist mein html-code,
<span style="float:left;margin:0 0 0 10px">Proactivity</span>
<label for="q11" style="width:auto;margin:0 60px 0 0;padding:0;"><input type="radio" id="qq[]" class="styled" value="Proactivity > Poor" name="q11[]">Poor</label>
<label for="q11" style="width:auto;margin:0 18px 0 0;padding:0;"><input type="radio" id="qqa[]" class="styled" value="Proactivity > Good" name="q11[]">Good</label>
<br/><br/>
<span style="float:left;margin:0 0 0 10px">Service/support</span>
<label for="q11" style="width:auto;margin:0 60px 0 0;padding:0;"><input type="radio" id="qq[]" class="styled" value="Service/support > Poor" name="q11[]">Poor</label>
<label for="q11" style="width:auto;margin:0 18px 0 0;padding:0;"><input type="radio" id="qqa[]" class="styled" value="Service/support > Good" name="q11[]">Good</label>
<br/><br/>
<span style="float:left;margin:0 0 0 10px">Provision of <br />specialist skills</span>
<label for="q11" style="width:auto;margin:0 60px 0 0;padding:0;"><input type="radio" id="qq[]" class="styled" value="Provision of specialist skills > Poor" name="q11[]">Poor</label>
<label for="q11" style="width:auto;margin:0 18px 0 0;padding:0;"><input type="radio" id="qqa[]" class="styled" value="Provision of specialist skills > Good" name="q11[]">Good</label>
- Sie nicht haben Sie mehrere Elemente mit der gleichen ID, werden alle IDs eindeutig sein müssen. Alle diese
id="qq[]"
undid="qqa[]"
geändert werden müssen. - Nicht zu vergessen die Aufkleber zeigen auf das gleiche element.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Können Sie nicht. Radio-buttons sind dort für eine single-choice -. Für mehrere Optionen, die Sie benötigen Checkboxen.
Verpackung Ihrer radio-buttons im form-tag wird es ermöglichen, Gruppen von radio-buttons mit dem gleichen Namen funktionieren unabhängig voneinander.
http://jsfiddle.net/8qB56/
Aber schauen, was Sie zu tun versuchen, ist es angebrachter, Sie zu ändern Sie die Eingabe name des logischen Frage, denn Sie arbeiten mit dem, was aussieht, wie eine einzige form.
Also vielleicht kann man das ändern
name="q11[]"
zuname="q11[proactivity]"
für die Eigeninitiative Frage-Eingängename="q11[service]"
für die service-Frage-Eingänge, undname="q11[provision]"
für die Erbringung Frage-Eingänge.Dadurch können alle ausgewählten Antworten aus diesen Eingaben bleiben im F11-Feld auf der server-Seite, können Sie dann massage die Daten, aber Sie wollen, (ich gehe davon q11 steht für "Frage 11" oder so etwas, das ist, warum Sie sind so insistant auf der Beibehaltung der gleichen Namen für alle diese Eingänge).
name="q11[proactivity]"
undname="q11[service]"
Sie empfangen werden als separate Felder auf der server-Seite (nicht so q11[] array)Wenn Sie denselben Namen für alle radio-input-Sie alle fallen in eine Gruppe. Es wird nicht zulassen, dass Sie einzelne Aktionen.
Müssen Sie verwenden unterschiedliche Namen für jedes radio group
Mithilfe von radio-buttons, um mehrere Elemente auszuwählen, scheint gegen die usability-Regel. Wenn Sie tun, Sie können verschiedene Namen für Sie.
PS: sollten Sie ein externes style-sheet für jeden radio-button. Es wäre großartig, wenn Sie wollen, um eine Anpassung später.
Es funktioniert pls Folgen Sie dem link
Da Sie darauf bestehen, mit radios, würde ich mit einem jQuery-Bibliothek, um Ihre Werte. Können Sie eine Klasse hinzufügen, um Ihre radios und es wird Ihnen erlauben zu wählen, dass die Klasse und Durchlaufen wird. Es ist counter-intuitive und schmutzig, aber es funktioniert. Dieses markup:
Geht mit diesem jQuery:
In der Geige, die ich Hinzugefügt-Kontrollkästchen zu, nur um Ihnen zu zeigen, wie es viel einfacher ist, d.h. das folgende markup (das liest sich leichter und ist nicht so zweideutig):
Geht mit diesem jQuery:
Können Sie nicht deaktivieren Sie ein radio-button, wenn Sie möchten, deaktivieren Sie alle von Ihnen verwenden entweder eine reset-element, die wird zurückgesetzt, Ihre gesamte form, oder erstellen eine benutzerdefinierte Funktion nur für radios (das wäre klar, alle Entscheidungen sowieso).
Den abwählen könnte weitergeleitet werden, auf Ihren Namen=None radio-button mit dem folgenden code:
Können Sie auch eine Zahl (ein Zähler, wenn Sie js) in Ihren Namen-array wie dieses:
Eigeninitiative:
<input type="radio" name="myradio[0]"><input type="radio" name="myradio[0]">
Service/support:
<input type="radio" name="myradio[1]"><input type="radio" name="myradio[1]">
Bereitstellung
Fachkompetenzen:
<input type="radio" name="myradio[2]"><input type="radio" name="myradio[2]">