Javascript - Wenn kein radio-buttons ausgewählt sind, überprüfen Sie das erste
Ich bin ein Anfänger in JavaScript. Ich habe mehrere radio-buttons auf meiner dynamischen Seite und ich möchte ein Skript erstellen, das folgende zu machen:
HTML:
<input type="radio" id="elemainfoto">
<input type="radio" id="elemainfoto">
<input type="radio" id="elemainfoto">
JavaScript:
var radio = '#elemainfoto',
if(radd.value == 0) {
radd.checked the first radio element,
} else {
keep the way it is,
}
Wenn keiner der radio-Elemente markiert sind, markieren Sie die erste obligatorisch.
document.querySelectorAll('[type="radio"]')[0].checked = true
? Ow.. und Sie nicht haben, können doppelte IDs, so dass Ihr HTML-Code ist ungültig.Eine gültige HTML-Seite kann keine doppelten IDs. Dieser code würde nicht funktionieren . Ändern der ID der Klasse, und ändern Sie den pseudocode zur eigentlichen syntax. Sollten Sie ankommen (ganz schließen), um Ihre Lösung
Wollen Sie eine Standard-Art von Verhalten?
Kann ich mit jquery?
Legen Sie einfach die erste als Standard ausgewählt, wird kein script benötigt.
InformationsquelleAutor MichaelHasfel | 2014-03-10
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ich Ihre Erwartung ist, dass das erste Element erhalten standardmäßig ausgewählt ist, sollten Sie mit HTML und nicht javascript, und bitte beachten Sie, dass Sie sollten nicht zwei HTML-Elemente mit der gleichen id in Ihrem Fall sollten Sie entweder ersetzen durch eine Klasse und/oder hinzufügen von eindeutigen Ids für Elemente.
Aktualisiert, die Antwort basierend auf RobG Kommentar.
Die checked-Attribut ist ein boolean-Attribut, es hat keinen Wert. Sofern eine solche erforderlich ist (das ist nur für XHTML, die nicht auf dem web) der Wert muss derselbe sein wie der name des Attributs, d.h.
checked="checked"
.natürlich können Sie, setzen Sie einfach die aktiviert - Attribut oder das defaultChecked Eigentum ist, sobald die buttons werden erstellt.
das Problem ist, dass, wenn Sie dynamisch erzeugt ein verschiedenen - option kann ausgewählt werden (vielleicht auf Basis von Datenbank-Werte?) und so müssen Sie zulassen, und nicht nur den ersten als default ?
InformationsquelleAutor Danielito
Etwas wie dies in reinem JS (den ich geändert habe-ids zu Klassen-id sollte eindeutig sein):
Etwas kürzer mit jQuery:
if(!$('.RB:checked').length)
...Könnte ich aber es wäre die Veranstaltung weniger effizient, da im inneren der
if
müssen Sie erneut radio-Sammlung wieder.Ah, ich sehe, was Sie jetzt tun. Das ist clever. Ich habe noch nie verwendet, bevor. Lernen jeden Tag etwas neues. Dank buddy. 🙂
InformationsquelleAutor dfsq
mit 'id' - Attribut in html mit dem gleichen Wert mehr als einmal ungültig ist, sollten Sie "name" für die Eingabe.
HTML:
JavaScript:
Beispiel: http://jsfiddle.net/yxm4N/2/
InformationsquelleAutor Jentel
Einer radio-button-Gruppe wird gebildet, indem radio-buttons den gleichen Namen. Eine ID ist optional und in der Regel nicht notwendig. Wenn eine ID angegeben wird, muss jeweils einen unterschiedlichen Wert haben. Und die Tasten sollten einen Wert haben, so dass es einen Punkt, um Ihre Existenz.
Haben eine Schaltfläche ist standardmäßig ausgewählt, legen Sie einfach die gewählten Buttons überprüft Attribut:
Nun, wenn keine andere Schaltfläche ausgewählt ist, oder das Formular wird zurückgesetzt, ein-Knopf ausgewählt werden. Beachten Sie, dass wenn Sie nicht eine Taste als Standard ausgewählt ist, dann wird, sobald ein Benutzer aktiviert eine Schaltfläche, ist der einzige Weg, um es zu deaktivieren wählen Sie einen anderen radio-button in der gleichen Gruppe, oder verwenden Sie einen reset-Knopf (falls vorhanden).
Wenn Sie wollen, um den Standard geprüft-button im Skript, es gibt ein paar Optionen. Die eine ist:
Wenn Sie wirklich wollen, um zu überprüfen, ob man ausgewählt ist, fügen Sie eine Taste, wie die folgende form:
Dann die Kontrollkästchen Funktion:
InformationsquelleAutor RobG
müssen Sie wissen, wie zu verwenden radio-element. Id ist einzigartig in der html-Seite. Sie weisen denselben Namen für jedes radio-element.
wenn Sie prüfen wollen, die erste radio-button als Voreinstellung, legen Sie im input-tag das Attribut.
, oder Sie können es mit javascript auch,
können Sie Aktion ausführen für jeden radio-button klicken, um zu wissen, welches Element markiert ist
wenn Sie möchten, führen Sie eine separate Aktion für jeden radio-button, versuchen Sie diesen code unten
SEHEN DIESE GEIGE DEMO
InformationsquelleAutor CJ Ramki