value форм в jQuery

Для работы з атрыбутам value інпутаў таксама можна выкарыстоўваць метад val, які дазваляе счытваць і запісваць новыя значэнні.

Разгледзім прыклад. Хай у нас ёсць наступны HTML код:

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

Давайце запішам новае значэнне 'www' у атрыбут value:

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

HTML код стане выглядаць так:

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

А цяпер давайце вывядзем бягучае значэнне на экран:

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

Таксама для метаду val даступна прымяненне функцыі да кожнага элемента ў наборы. Функцыя прымае першым параметрам бягучы нумар у наборы, а другім - яго бягучае значэнне.

Ёсць яшчэ адзін нюанс - для тэга textarea нельга атрымаць унутранае змесціва праз метад html. Для гэтага трэба карыстацца метадам val.

Разгледзім наступны HTML код:

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

у Javascript кодзе прапісваем метад val:

javascriptalert($('#test').val()); // выведзе '!!!'

Хутчэй за ўсё гэта зроблена для аднатыпнасці работы з формамі.

Задание 1

Усталюйце value ўсіх інпутаў у '!'.

Задание 2

У value ўсіх інпутаў з класам number знаходзяцца лікі. Зрабіце так, каб у іх сталі квадраты гэтых лікаў.

Задание 3

Выведзіце value інпута з класам in.

Задание 4

Выведзіце паслядоўна value кожнага інпута.

Задание 5

Выведзіце змесціва textarea з класам text.