value form di jQuery

Untuk bekerja dengan atribut value pada input kita juga dapat menggunakan metode val, yang memungkinkan untuk membaca dan menulis nilai baru.

Mari kita pertimbangkan sebuah contoh. Misalkan kita memiliki kode HTML berikut:

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

Mari kita tulis nilai baru 'www' ke dalam atribut value:

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

Kode HTML akan terlihat seperti ini:

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

Dan sekarang mari kita tampilkan nilai saat ini ke layar:

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

Juga untuk metode val tersedia penerapan fungsi ke setiap elemen dalam kumpulan. Fungsi menerima parameter pertama sebagai nomor urut saat ini dalam kumpulan, dan parameter kedua - nilainya saat ini.

Ada satu nuansa lagi - untuk tag textarea kita tidak bisa mendapatkan konten internal melalui metode html. Untuk ini perlu menggunakan metode val.

Pertimbangkan kode HTML berikut:

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

dalam kode Javascript kita tulis metode val:

alert($('#test').val()); // akan menampilkan '!!!'

Kemungkinan besar ini dilakukan untuk keseragaman cara kerja dengan form.

Setel value semua input menjadi '!'.

Di value semua input dengan kelas number berisi angka. Buatlah, agar menjadi kuadrat dari angka-angka tersebut.

Tampilkan value dari input dengan kelas in.

Tampilkan secara berurutan value dari setiap input.

Tampilkan isi dari textarea dengan kelas text.