<html> <head> <title>ThaiCreate.Com Tutorial</title> </head> <body> <script language="javascript"> function fncSubmit() { if(document.form1.chk1.checked == false) { alert('Please Click Checkbox'); return false; } document.form1.submit(); } </script> <form action="page.cgi" method="post" name="form1" onSubmit="JavaScript:return fncSubmit();"> Checkbox <input name="chk1" type="checkbox" id="chk1" value="Y"> <br> <input name="btnSubmit" type="submit" value="Submit" > </form> </body> </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#button').click(function(){ var num = 0; $('input[id^="chk[]"]').each(function(index){ if($(this).attr('checked') == true){ num = num + 1; } }); if(num == 0){ alert('ยังไม่เลือกเลย'); return false; } }); }); </script> <title>Untitled Document</title> </head> <body> <form id="form1" name="form1" method="post" action=""> <input type="checkbox" name="chk[]" id="chk[]" /> 1<br /> <input type="checkbox" name="chk[]" id="chk[]" /> 2<br /> <input type="checkbox" name="chk[]" id="chk[]" /> 3<br /> <input type="checkbox" name="chk[]" id="chk[]" /> 4<br /> <input type="button" name="button" id="button" value="Button" /> </form> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง