Thuộc tính giá trị Hộp kiểm đầu vào trả về một chuỗi có thuộc tính giá trị của hộp kiểm đầu vào. Người dùng cũng có thể đặt nó thành một chuỗi mới.
Cú pháp
Sau đây là cú pháp -
- Giá trị chuỗi trả về
inputCheckboxObject.value
- Đặt giá trị thuộc tính cho một giá trị chuỗi
inputCheckboxObject.value = ‘String’
Ví dụ
Hãy để chúng tôi xem ví dụ về Giá trị hộp kiểm nhập tài sản -
<!DOCTYPE html>
<html>
<head>
<title>Value Attribute of Checkbox</title>
</head>
<body>
<form id="Form">
<div>
Color-Red: <input value="Green" id="formCheckbox" type="checkbox" name="formCheckbox">
</div>
</form>
<button onclick="changeType()">Change value of input checkbox</button>
<div id="displayDiv"></div>
<script>
var valueOfInput = document.getElementById("formCheckbox");
var displayDiv = document.getElementById("displayDiv");
displayDiv.textContent = 'Value: ' + valueOfInput.value;
function changeType(){
if(valueOfInput.value == 'Green' && valueOfInput.checked == true){
valueOfInput.value = 'Red' displayDiv.textContent = 'value: ' + valueOfInput.value;
} else {
displayDiv.textContent = 'Check the checkbox to change value to red';
}
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Trước khi nhấp vào ‘ Thay đổi giá trị của hộp kiểm đầu vào Nút '-
Sau khi nhấp vào ‘Thay đổi giá trị của hộp kiểm đầu vào Nút '-
Đã chọn ‘ Màu-Đỏ Hộp kiểm ’và nhấp vào‘ Thay đổi giá trị của hộp kiểm đầu vào Nút '-
