<table width="300" border="1"> <tr> <td width="133"><p> <input name="vate" type="checkbox" id="vate" value="1" /> </span>เลือกทั้งหมด</p></td> <td width="151"><p><span class="style51"> <input name="vate6" type="checkbox" id="vate6" value="1" /> </span>เลือกทั้งหมด</p></td> </tr> <tr> <td><p> <input name="vate2" type="checkbox" id="vate2" value="1" /> เสื้อ</p> <p> <input name="vate3" type="checkbox" id="vate3" value="1" /> กางเกง</p> <p> <input name="vate4" type="checkbox" id="vate4" value="1" /> รองเท้า</p> </span> <input name="vate5" type="checkbox" id="vate5" value="1" /> เข็มขัด</p></td> <td width="151"><p> <input name="vate7" type="checkbox" id="vate7" value="1" /> ถุงเท้า</p> <p> <input name="vate8" type="checkbox" id="vate8" value="1" /> กางเกงขาสั้น</p> <p> <input name="vate9" type="checkbox" id="vate9" value="1" /> รองเท้าแตะ</p> <p> <input name="vate10" type="checkbox" id="vate10" value="1" /> เน็คไท</p></td> </tr> </table>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <script src="http://code.jquery.com/jquery-latest.js"></script> <meta http-equiv="Content-Type" content="text/html; charset=utf8" /> </head> <body> <input type="checkbox" id="checkAll" />เลือกทั้งหมด / ไม่เลือกทั้งหมด <br /> <input type="checkbox" name="chk[]" value="A" for="sub" /> A<br /> <input type="checkbox" name="chk[]" value="B" for="sub" /> B<br /> <input type="checkbox" name="chk[]" value="C" for="sub" /> C<br /> <input type="checkbox" name="chk[]" value="D" for="sub" /> D<br /> <script> $("#checkAll").change(function(){ // http://code.jquery.com/jquery-latest.js มันเป็นเวอร์ชั้น 2.0 กว่าๆ น่ะครับ if($(this).prop("checked")) $("input[type='checkbox']").prop({"checked":true}); else $("input[type='checkbox']").prop({"checked":false}); /* โค้ดข้างล่างนี้ใช้กับ JQuery ที่ต่ำกว่าเวอร์ชั่น 2.0 if($(this).attr("checked")) $("input[type='checkbox']").attr({"checked":"checked"}); else $("input[type='checkbox']").removeAttr("checked"); */ }); $("[for='sub']:checkbox").click(function(){ if($("[for='sub']:checkbox:checked").length == $(":checkbox").length-1) $("#checkAll").prop({"checked":true}); else if($("[for='sub']:checkbox:checked").length < $(":checkbox").length-1) $("#checkAll").prop({"checked":false}); }); </script> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
Load balance : Server 00
Load balance : Server 00
