Vormide value jQuery-s

Input elementide value atribuudiga töötamiseks saab kasutada ka meetodit val, mis võimaldab nii väärtuste lugemist kui ka uute väärtuste kirjutamist.

Vaatleme näidet. Olgu meil järgmine HTML kood:

html<input type="text" id="test" value="!!!">

Kirjutame nüüd uue väärtuse 'www' value atribuuti:

javascript$('#test').val('www');

HTML kood näeb nüüd välja selline:

html<input type="text" id="test" value="www">

Ja nüüd kuvame praeguse väärtuse ekraanile:

javascriptalert($('#test').val());

Meetodi val puhul on saadaval ka funktsiooni rakendamine igale elemendile komplektis. Funktsioon võtab esimese parameetrina praeguse numbri komplektis ja teise parameetrina - selle praeguse väärtuse.

On veel üks nüanss - textarea sildi puhul ei saa sisu hankida läbi meetodi html. Selleks tuleb kasutada meetodit val.

Vaatleme järgmist HTML koodi:

html<textarea id="test">!!!</textarea>

Javascript koodis määrame meetodi val:

javascriptalert($('#test').val()); // kuvab '!!!'

Tõenäoliselt on see tehtud vormielementidega töötamise ühtlustamiseks.

Задание 1

Määrake kõigi inputite value väärtuseks '!'.

Задание 2

Klassi number omavate inputite value väärtustes on numbrid. Tehke nii, et nendes oleks nende arvude ruudud.

Задание 3

Kuva klassi in omava inputi value väärtus.

Задание 4

Kuva järjestikku iga inputi value väärtus.

Задание 5

Kuva klassi text omava textarea sisu.