คุณสมบัติค่าช่องทำเครื่องหมายการป้อนข้อมูลส่งคืนสตริงที่มีแอตทริบิวต์ค่าของช่องทำเครื่องหมายการป้อนข้อมูล ผู้ใช้ยังสามารถตั้งค่าเป็นสตริงใหม่ได้
ไวยากรณ์
ต่อไปนี้เป็นไวยากรณ์ -
- คืนค่าสตริง
inputCheckboxObject.value
- การตั้งค่า ค่า แอตทริบิวต์เป็นค่าสตริง
inputCheckboxObject.value = ‘String’
ตัวอย่าง
ให้เราดูตัวอย่างของ ค่าช่องทำเครื่องหมายที่ป้อน ทรัพย์สิน −
<!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>
ผลลัพธ์
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -
ก่อนคลิก 'เปลี่ยนค่าของช่องทำเครื่องหมายอินพุต ปุ่ม −
หลังจากคลิก ‘เปลี่ยนค่าของช่องกาเครื่องหมายอินพุต ปุ่ม −
ทำเครื่องหมายที่ 'สี-แดง ' ช่องทำเครื่องหมาย &คลิก 'เปลี่ยนค่าของช่องทำเครื่องหมายอินพุต ปุ่ม −