Benutzer-Werkzeuge

Webseiten-Werkzeuge


jquery:select

Elemente mit jQuery selektieren

Übersicht

Auswahl durchBeispiel für Schreibweise
Tag-Name $(„form“)
Element-Name $(„[name='kundendaten']“)
Element-ID $(„#kundendaten“)
Klassennamen $(„.hinweistext“)

Ausführliches Beispiel

Mit diesem Beispiel wird überprüft, ob in dem HTML-Formular mindestens ein Optionsschalter aktiviert wurde.

<form method="post" name="form_name" id="form_id" class="form_class">
	<input type="radio" name="answer" value="1" /> Answer 1
	<input type="radio" name="answer" value="2" /> Answer 2
	<input type="radio" name="answer" value="3" /> Answer 3
</form>
function checkSelected( form ) {
 
    var checked = false;
 
    $( form + " input:radio:checked").each( function() {
 
        checked = true;
    });
 
    return checked;
}

Auswahl durch den Tag-Name:

Vorsicht: Es werden alle form-Tags auf der Seite mit einbezogen.

if( !checkSelected( "form") )
{
    alert("Please select option");
}

Auswahl durch den Element-Namen:

Vorsicht: Es könnten mehrere Elemente mit identischem Namen exisiteren!

if( !checkSelected( "[name='form_name']") )
{
    alert("Please select option");
}

Auswahl durch den Klassennamen:

Vorsicht: Es könnten mehrere Elemente mit identischem Klassennamen!

if( !checkSelected( ".form_class") )
{
    alert("Please select option");
}

Auswahl durch die Element-id:

Die identifizierung durch die eindeutige ID ist sinnvoll, wenn sich mehrere Formulare auf der Seite befinden.

if( !checkSelected( "#form_id") )
{
    alert("Please select option");
}
jquery/select.txt · Zuletzt geändert: 2017/06/07 00:00 (Externe Bearbeitung)