Wissensarchiv für Entwickler

Diese Seite ist nicht editierbar. Sie können den Quelltext sehen, jedoch nicht verändern. Kontaktieren Sie den Administrator, wenn Sie glauben, dass hier ein Fehler vorliegt.

====== Elemente mit jQuery selektieren ======

===== Übersicht =====

^Auswahl durch^Beispiel 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.

<code html>
<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>
</code>

<code javascript>
function checkSelected( form ) {

    var checked = false;

    $( form + " input:radio:checked").each( function() {

        checked = true;
    });

    return checked;
}
</code>
		
==== Auswahl durch den Tag-Name: ====

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

<code javascript>
if( !checkSelected( "form") )
{
    alert("Please select option");
}
</code>	

==== Auswahl durch den Element-Namen: ====

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

<code javascript>
if( !checkSelected( "[name='form_name']") )
{
    alert("Please select option");
}
</code>

==== Auswahl durch den Klassennamen: ====
 
Vorsicht: Es könnten mehrere Elemente mit identischem Klassennamen!

<code javascript> 
if( !checkSelected( ".form_class") )
{
    alert("Please select option");
}
</code>
	
==== Auswahl durch die Element-id: ====

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

<code javascript>
if( !checkSelected( "#form_id") )
{
    alert("Please select option");
}
</code>

Wissensarchiv für Entwickler

Benutzer-Werkzeuge

Webseiten-Werkzeuge

Seiten-Werkzeuge