ติ๊กถูก Checkbox ยอมรับเงื่อนไขแล้วปุ่ม submit ขึ้นให้คลิก

แชร์ประสบการณ์เขียนโค้ด php + Mysql เล็ก ๆ น้อย ๆ เผื่อจะเป็นประโยชน์กับใครสักคน...
คิดว่านักท่องเน็ตทั้งหลายคงจะเคยเจอกันนะครับ ตอนที่เราจะสมัครใช้งาน
หรือ ดำเนินการอะไร มักจะมีคำชี้แจง หรือ อธิบายถึงเงื่อนไข กฏ กติกาที่ทางเว็บเขากำหนดไว้
และจะมี Checkbox ให้ติ๊กก่อน ปุ่ม Submit จึงจะ Active ให้เราสามารถกดเพื่อส่งข้อมูลได้
หากท่านใดยังคิดตามไม่ออก ก็มาดูรูปปลากรอบกัน

  

  จะให้ว่าถ้ายังไม่ติ๊กถูก ที่เช็คบ๊อก "ยอมรับเงื่อนไข" ปุ่มซับมิต "ยืนยัน" ก็จะยังไม่สามารถคลิกได้


และเมื่อผู้ใช้งานติ๊กถูก เลือก "ยอมรับเงื่อนไข" แล้ว ปุ่มซับมิต ก็จะพร้อมให้เราคลิก เพื่อส่งข้อมูล หรือ ดำเนินการต่อไปได้ครับ



มาดูโค้ดกันเลยว่ามีอะไรในก่อไผ่หรือเปล่า มันจะยากอยากที่คิดไหม หรือว่ามันจะง่าย ๆ เหมือนปลอกกล้วยเข้าปากกันแน่....อิอิ

โค้ดในส่วนของ Checkbox

<input type="checkbox" name="chk1" id="chk1" value="checkbox" onClick="if(frm.chk1.checked==false){frm.submit.disabled=true;}else{frm.submit.disabled=false;}"> ยอมรับเงื่อนไข

อธิบายเพ่ิ่มเติมกันสักนิดนะครับ ที่เงื่อนไข หรือ เหตุการณ์ onClick ของ Checkbox
if(frm.chk1.checked==false){frm.submit.disabled=true; 
ถ้าไม่มีการติ๊กเลือก Checkbox ก็ให้ปุ่ม Submit มีสถานะ disabled หรือเป็นสีเทา ๆ  ไม่สามารถคลิกได้

else{frm.submit.disabled=false;}
ถ้ามีการติ๊กเลือก Checkbox ก็ให้ปุ่ม Submit มีสถานะ disabled เป็น false หรือ พร้อมใช้งานนั่นเอง

******************************************************************
โค้ดในส่วนของปุ่ม Submit

<input name="submit" id="submit" type=submit value="  ::: ยืนยัน  ::: " disabled>

จะเห็นว่าโค้ดมันไม่ได้มีอะไรมากมาย หรือ ไม่ได้ยุ่งยากซับซ้อนอะไรเลย
เพียงแค่ใช้คำสั่งของ Java Script ที่เห็นกันบ่อย ๆ มาประยุกต์ใช้งานนิดหน่อย
เราก็สามารถเพิ่ม หรือ สร้างลูกเล่นให้กับโค้ด หรือ สคลิปของเราให้ดูดีขึ้นได้แล้ว
อย่างไรก็ตาม ถ้าอยากจะรู้จริงก็ต้องลองพิสูจน์กันดูนะครับ


My Article
แนะนำเว็บสูตรหวยออนไลน์ ดูฟรี