การทำงานกับช่องทำเครื่องหมายใน JavaScript
ตอนนี้เราจะเรียนรู้การทำงานกับ ช่องทำเครื่องหมาย ช่องทำเครื่องหมายเป็นเครื่องหมายถูกพิเศษ ซึ่งสามารถอยู่ในสองสถานะได้: ถูกเลือกและไม่ถูกเลือก
สร้างช่องทำเครื่องหมายได้ดังนี้:
<input type="checkbox" id="elem">
เพื่อทำให้ช่องทำเครื่องหมายถูกเลือก - ต้อง
เขียนแอตทริบิวต์ checked ให้กับมัน:
<input type="checkbox" checked id="elem">
ลองมาดูตัวอย่างเพื่อตรวจสอบสถานะของ ช่องทำเครื่องหมายของเรา:
let elem = document.querySelector('#elem');
console.log(elem.checked);
กำหนดช่องทำเครื่องหมายและปุ่มสองปุ่ม เมื่อกดปุ่มแรก ให้ตั้งค่าช่องทำเครื่องหมายเป็นสถานะถูกเลือก และเมื่อกดปุ่มที่สอง - เป็นสถานะไม่ถูกเลือก
กำหนดช่องทำเครื่องหมาย ปุ่มหนึ่งปุ่ม และย่อหน้า เมื่อกด
ปุ่ม หากช่องทำเครื่องหมายถูกเลือก ให้แสดงคำว่า
'สวัสดี' ในย่อหน้า แต่หากช่องทำเครื่องหมาย
ไม่ถูกเลือก ให้แสดงคำว่า 'ลาก่อน'
