jQuery-də form value-ları

Inputların value atributu ilə işləmək üçün həmçinin val metodundan istifadə edə bilərsiniz, bu metod yeni dəyərləri oxumağa və yazmağa imkan verir.

Bir nümunəyə baxaq. Tutaq ki, aşağıdakı HTML kodumuz var:

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

Gəlin value atributuna yeni 'www' dəyərini yazaq:

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

HTML kodu aşağıdakı kimi görünəcək:

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

İndi isə gəlin cari dəyəri ekranda çap edək:

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

val metodu üçün həmçinin hər bir elementə funksiya tətbiq etmək də mövcuddur. Funksiya ilk parametr kimi çoxluqdakı cari nömrəni, ikinci parametr kimi isə onun cari dəyərini qəbul edir.

Başqa bir nüans var - textarea teqi üçün daxili məzmunu html metodu ilə əldə etmək olmaz. Bunun üçün val metodundan istifadə etmək lazımdır.

Aşağıdakı HTML koduna nəzər salaq:

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

Javascript kodunda val metodunu yazırıq:

javascriptalert($('#test').val()); // '!!!' çap edəcək

Yəqin ki, bu, formalarla işin vahidliyi üçün edilib.

Задание 1

Bütün inputların value-nu '!'-ə təyin edin.

Задание 2

number sinifli bütün inputların value-sında ədədlər var. Onların dəyərlərini həmin ədədlərin kvadratları ilə əvəz edin.

Задание 3

in sinifli inputun value-sını çap edin.

Задание 4

Hər bir inputun value-sını ardıcıl olaraq çap edin.

Задание 5

text sinifli textarea-nın məzmununu çap edin.