====== 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.
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");
}