- 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:
Tiêu đề
$[function[]{
var inputVal = $['input'].val[];
$['button'].click[function[]{
alert[inputVal];
}];
}];
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:
Tiêu đề
$[function[]{
$["button"].click[function [] {
var text = $[this].text[];
$["input"].val[text];
}];
}];
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:
Tiêu đề
$[function[]{
var inputVal = $['input'].val[];
$['button'].click[function[]{
alert[inputVal];
}];
}];
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:
Tiêu đề
$[function[]{
$["input"].keyup[function [] {
var value = $[this].val[];
$["p"].text[value];
}].keyup[];
}];
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:
Tiêu đề
$[function[]{
var inputVal = $['input'].val[200];
}];
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:
Tiêu đề
$[function[]{
$["button"].click[function [] {
var text = $[this].text[];
$["input"].val[text];
}];
}];
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:
Tiêu đề
$[function[]{
$["#single"].val["Single2"];
$["#multiple"].val[["Multiple2", "Multiple3"]];
$["input"].val[["check1","check2", "radio2" ]];
}];
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:
Tiêu đề
$[function[]{
$['input'].val[function[ index, value ] {
return value + ' ' + this.className;
}];
}];
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