Giá trị value của form trong jQuery
Để làm việc với thuộc tính value của các phần tử input
cũng có thể sử dụng phương thức
val,
phương thức này cho phép đọc và ghi
giá trị mới.
Hãy xem xét một ví dụ. Giả sử chúng ta có mã HTML sau:
<input type="text" id="test" value="!!!">
Hãy ghi một giá trị mới 'www'
vào thuộc tính value:
$('#test').val('www');
Mã HTML sẽ trở thành như thế này:
<input type="text" id="test" value="www">
Bây giờ hãy hiển thị giá trị hiện tại lên màn hình:
alert($('#test').val());
Ngoài ra, phương thức val còn cho phép áp dụng
một hàm cho từng phần tử trong bộ sưu tập. Hàm
nhận tham số đầu tiên là chỉ số hiện tại trong bộ sưu tập, và
tham số thứ hai là giá trị hiện tại của nó.
Còn một điểm nữa - đối với thẻ
textarea
không thể lấy nội dung bên trong thông qua phương thức
html.
Để làm điều này cần sử dụng
phương thức val.
Hãy xem xét mã HTML sau:
<textarea id="test">!!!</textarea>
trong mã Javascript, chúng ta gọi phương thức val:
alert($('#test').val()); // sẽ hiển thị '!!!'
Có lẽ điều này được thực hiện để thống nhất cách thức làm việc với các form.
Đặt value
của tất cả các input thành '!'.
Trong value của tất cả các input có lớp
number là các số. Hãy làm sao để
trong chúng chứa bình phương của các số đó.
Hiển thị value của input có lớp in.
Hiển thị lần lượt value
của từng input.
Hiển thị nội dung của textarea có
lớp text.
