jQuery: val() method
Phương thức val() dùng để lấy hoặc thiết đặt giá trị cho thuộc tính value của phần tử HTML.
Cú pháp:
$(Bộ_chọn).val(); //Cú pháp này sẽ lấy giá trị
$(Bộ_chọn).val("Giá_trị"); //Cú pháp này sẽ thiết đặt giá trị
Ví dụ:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="http://ajax.googleapis. com/ajax/libs/jquery/1.11.0 /jquery.min.js">
</script>
<script>
$(function(){
$("#val").click(function(){
alert("Giá trị của nút lệnh: " + $(this).val());
$(this).val("Giá trị mới"); //Thiết đặt lại giá trị mới
alert("Sau khi thiết đặt giá trị mới: " + $(this).val());
});
});
</script>
</head>
<body>
<input type="button" id="val" value="Lấy giá trị">
</body>
</html>
Hàm callback cho phương thức val()
Cú pháp:
$(Bộ_chọn).val(function( i,Nội_dung_cũ){
return Nội_dung_mới;
});
, trong đó i là chỉ số của phần tử hiện thời.
Ví dụ:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://ajax.googleapis. com/ajax/libs/jquery/1.11.0 /jquery.min.js">
</script>
<script>
$(function(){
$("#val").click(function(){
$("input").val(function( i,giatricu){
alert(giatricu);
return "Val: Giá trị mới";
});
});
});
</script>
</head>
<body>
<input value="Val: Giá trị ban đầu"><br><br>
<button id="val">Val: Click lấy giá trị mới</button><br>
</body>
</html>