การทำปุ่ม Select All Checkbox ..จัดทำโดย : Mr.GuruZพิมพ์
Un title page
Un title pageการทำปุ่ม Select All Checkbox .. หลายๆ คนถามมาก็เลยนำมาเขียนบทความให้ศึกษากัน
การทำลักษณะนี้จะช่วยอำนวยความสะดวกให้กับผู้ใช้เว็บ ทำให้สามารถเลือกรายการของ
หรือสินค้าได้ง่ายขึ้น ส่วนการส่งค่าลองศึกษาในเรื่อง PHP นะครับอันนี้เป็นการสร้าง
Form อย่างเดียว มาดูขั้นตอนการทำกันเลย
ขั้นตอนการทำ
1. เปิดเอกสารสร้าง Form โดยมี Checkbox ตามแต่เราต้องการ และปุ่มที่ใช้
Select All 1 ปุ่ม ตั้งชื่อให้กับ Form ว่า messageList
2. หลังจากนั้นให้นำโค้ด Java ไปวางในส่วนของ
Head ในโค้ด HTML
โค้ด Java
<script language=JavaScript type=text/javascript>
<!--
function CheckAll() {
for (var i = 0; i < document.messageList.elements.length; i++) {
if(document.messageList.elements[i].type == 'checkbox'){
document.messageList.elements[i].checked = !(document.messageList.elements[i].checked);
}
}
}
//-->
</script>
3. หลังจากนั้นให้เขียนโค้ดที่ปุ่ม Select
All เพื่อเรียกใช้ Function CheckAll