Hướng dẫn val in javascript

• Trang chủ
• Hướng dẫn học
• Hướng dẫn học jQuery
• .val()

Định nghĩa và sử dụng

• .val() lấy giá trị hiện tại của thành phần, hoặc thay đổi giá trị cho thành phần.
• .val() sẽ lấy giá trị đầu tiên nếu thành phần chọn là một danh sách.
• Thông thường giá trị là các thành phần của form.

Cấu trúc

.val()

Lấy giá trị của thành phần

$('input').val();

.val('giá trị')

Gán giá trị cho thành phần

$('select').val('giá trị của thành phần');

$('input').val(100);

Bài học chỉ muốn cho bạn hiểu cách sử dụng .val, muốn biết chi tiết hơn, bạn có thể xem chi tiết thêm tại phần tham khảo.

.val()

Html viết:

  
  Click

Hiển thị trình duyệt:

Với cách sử dụng $('input').val() ta đã lấy giá trị của , click vào button ta sẽ thấy kết quả.

.val('Giá trị')

Html viết:

  
  CSS
  HTML
  JQUERY

Hiển thị trình duyệt:

Ta thấy các giá trị của button đã được gán cho input.

• Trang chủ
• Tham khảo
• jQuery
• jQuery - function
• .val()

Định nghĩa và sử dụng

• .val() lấy giá trị hiện tại của thành phần, hoặc thay đổi giá trị cho thành phần.
• .val() sẽ lấy giá trị đầu tiên nếu thành phần chọn là một danh sách.
• Thông thường giá trị là các thành phần của form.

Cấu trúc

• Đã được thêm vào từ phiên bản 1.0

.val()

Lấy giá trị của thành phần

$('input').val();

.val('giá trị')

Gán giá trị cho thành phần

$('select').val('giá trị của thành phần');

$('input').val(100);

• Đã được thêm vào từ phiên bản 1.4

.val()

Html viết:

Click

Hiển thị trình duyệt:

Với cách sử dụng $('input').val() ta đã lấy giá trị của , click vào button ta sẽ thấy kết quả.

Ví dụ thêm

Html viết:

Hiển thị trình duyệt:

Thay đổi giá trị trong input ta sẽ thấy kết quả.

.val('Giá trị')

Html viết:

Hiển thị trình duyệt:

Ta thấy giá trị 200 đã được gán cho input

Ví dụ thêm

Html viết:

CSS
HTML
JQUERY

Hiển thị trình duyệt:

Ta thấy các giá trị của button đã được gán cho input.

Ví dụ thêm

Html viết:

Single
Single2



 check1
 check2


 radio1
 radio2

Hiển thị trình duyệt:

Ta thấy các giá trị của form đã được gán giá trị tương ứng.

.val(function(index,value){...})

Html viết:

Hiển thị trình duyệt:

Với cách sử dụng trên ta đã lấy giá trị của thuộc tính class để gán cho giá trị của thuộc tính value