วิธีส่งข้อมูล checkbox ด้วย JSP

Checkbox ใช้เมื่อต้องการให้ผู้ใช้เลือกได้หลายตัวเลือกพร้อมกัน

1. ไฟล์ HTML ฟอร์ม (CheckBox.htm)

<html>
<body>
    <form action="main.jsp" method="POST" target="_blank">
        <input type="checkbox" name="maths" checked="checked" /> Maths
        <input type="checkbox" name="physics" /> Physics
        <input type="checkbox" name="chemistry" checked="checked" /> Chemistry
        <input type="submit" value="Select Subject" />
    </form>
</body>
</html>

2. ไฟล์ JSP รับข้อมูล (main.jsp)

<html>
<head>
    <title>อ่านข้อมูล Checkbox</title>
</head>
<body>
    <h1>อ่านข้อมูล Checkbox</h1>
    <ul>
        <li><b>Maths Flag:</b> <%= request.getParameter("maths") %></li>
        <li><b>Physics Flag:</b> <%= request.getParameter("physics") %></li>
        <li><b>Chemistry Flag:</b> <%= request.getParameter("chemistry") %></li>
    </ul>
</body>
</html>

3. ผลลัพธ์ตัวอย่าง

Reading Checkbox Data
Maths Flag    : on
Physics Flag  : null
Chemistry Flag: on

จุดสำคัญ

• Checkbox ที่ ไม่ได้ถูกติ๊ก จะไม่ส่งค่าไปเลย getParameter() จะคืน null
• Checkbox ที่ ติ๊กแล้ว จะส่งค่า "on" (ค่าเริ่มต้น) หรือค่าที่กำหนดใน value attribute
• ใช้ request.getParameterValues("name") หากมี checkbox หลายตัวชื่อเหมือนกัน (คืน String[])

แนวทางปฏิบัติที่ดี: ตรวจสอบค่า null ก่อนใช้งาน และพิจารณาใช้ value attribute เพื่อกำหนดค่าที่มีความหมายมากกว่า "on"