Benutzer-Werkzeuge

Webseiten-Werkzeuge


jquery:select

Dies ist eine alte Version des Dokuments!


Elemente mit jQuery selektieren

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 auaf der Seite befinden.

if( !checkSelected( "#form_id") )
        alert("Please select option");	
jquery/select.1452166706.txt.gz · Zuletzt geändert: 2016/01/07 00:00 (Externe Bearbeitung)