ตัวอย่างต่อไปนี้ ใช้สำหรับใช้งานการกำหนดให้ ปุ่มสามารถใช้งานได้
เมื่อคลิกที่ checkbox เพื่อยอมรับเงื่อนไข เหมาะใช้สำหรับแสดงในหน้าอ่านข้อตกลง หรือว่า
นโยบายของเว็บไซต์ ก่อนทำการ ดำเนินการต่อไปยังหน้าถัดไป
ตัวอย่าง
โค้ดตัวอย่าง
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <form id="form1" name="form1" method="post" action=""><input type="checkbox" name="i_accept" id="i_accept" />ยอมรับเงื่อนไข <br /><br /><input type="submit" name="continue_bt" id="continue_bt" value="ดำเนินการต่อ" disabled="disabled" /></form><script type="text/javascript">$(function(){ $("#i_accept").click(function(){ // เมื่อคลิกที่ checkbox id=i_accept if($(this).attr("checked")=="checked"){ // ถ้าเลือก $("#continue_bt").removeAttr("disabled"); // ให้ปุ่ม id=continue_bt ทำงาน สามารถคลิกได้ }else{ // ยกเลิกไม่ทำการเลือก $("#continue_bt").attr("disabled","disabled"); // ให้ปุ่ม id=continue_bt ไม่ทำงาน } });});</script> |
