Auswahl durch | Beispiel für Schreibweise |
---|---|
Tag-Name | $(„form“) |
Element-Name | $(„[name='kundendaten']“) |
Element-ID | $(„#kundendaten“) |
Klassennamen | $(„.hinweistext“) |
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; }
Vorsicht: Es werden alle form-Tags auf der Seite mit einbezogen.
if( !checkSelected( "form") ) { alert("Please select option"); }
Vorsicht: Es könnten mehrere Elemente mit identischem Namen exisiteren!
if( !checkSelected( "[name='form_name']") ) { alert("Please select option"); }
Vorsicht: Es könnten mehrere Elemente mit identischem Klassennamen!
if( !checkSelected( ".form_class") ) { alert("Please select option"); }
Die identifizierung durch die eindeutige ID ist sinnvoll, wenn sich mehrere Formulare auf der Seite befinden.
if( !checkSelected( "#form_id") ) { alert("Please select option"); }