Thuộc tính value của Input Checkbox trả về một chuỗi đại diện cho giá trị thuộc tính value của checkbox. Người dùng cũng có thể thiết lập nó thành một chuỗi mới.
Cú pháp
Cú pháp như sau:
- Lấy giá trị chuỗi:
inputCheckboxObject.value
- Thiết lập thuộc tính value thành giá trị chuỗi:
inputCheckboxObject.value = ‘Chuỗi’
Ví dụ
Dưới đây là ví dụ về thuộc tính Input Checkbox value:
<!DOCTYPE html> <html> <head> <title>Thuộc tính Value của Checkbox</title> </head> <body> <form id="Form"> <div> Màu đỏ: <input value="Green" id="formCheckbox" type="checkbox" name="formCheckbox"> </div> </form> <button onclick="changeType()">Thay đổi giá trị input checkbox</button> <div id="displayDiv"></div> <script> var valueOfInput = document.getElementById("formCheckbox"); var displayDiv = document.getElementById("displayDiv"); displayDiv.textContent = 'Giá trị: ' + valueOfInput.value; function changeType(){ if(valueOfInput.value == 'Green' && valueOfInput.checked == true){ valueOfInput.value = 'Red' displayDiv.textContent = 'giá trị: ' + valueOfInput.value; } else { displayDiv.textContent = 'Chọn checkbox để thay đổi giá trị thành red'; } } </script> </body> </html>
Kết quả
Đoạn mã trên sẽ cho kết quả như sau:
Trước khi nhấn nút 『Thay đổi giá trị input checkbox』:
Sau khi nhấn nút 『Thay đổi giá trị input checkbox』:
Chọn checkbox 『Màu đỏ』 & nhấn nút 『Thay đổi giá trị input checkbox』:
