<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <ul style="list-style-type: none;"> <li> <label> <input type="checkbox" class="checkbox-parent" name="name" value=""> Parent </label> <ul style="list-style-type: none;"> <li> <label> <input type="checkbox" class="checkbox-child" name="name" value=""> Child-1 </label> </li> <li> <label> <input type="checkbox" class="checkbox-child" name="name" value=""> Child-2 </label> </li> <li> <label> <input type="checkbox" class="checkbox-child" name="name" value=""> Child-3 </label> </li> <li> <label> <input type="checkbox" class="checkbox-child" name="name" value=""> Child-4 </label> </li> </ul> </li> </ul> <ul style="list-style-type: none;"> <li> <label> <input type="checkbox" class="checkbox-parent" name="name" value=""> Parent </label> <ul style="list-style-type: none;"> <li> <label> <input type="checkbox" class="checkbox-child" name="name" value=""> Child-1 </label> </li> <li> <label> <input type="checkbox" class="checkbox-child" name="name" value=""> Child-2 </label> </li> <li> <label> <input type="checkbox" class="checkbox-child" name="name" value=""> Child-3 </label> </li> <li> <label> <input type="checkbox" class="checkbox-child" name="name" value=""> Child-4 </label> </li> </ul> </li> </ul> <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.min.js"></script> <script type="text/javascript"> $(function(){ $('.checkbox-parent').click(function(){ if($(this).is(':checked')){ $(this).closest('li').closest('li').find('.checkbox-child').prop('checked', true); }else{ $(this).closest('li').closest('li').find('.checkbox-child').prop('checked', false); } }); $('.checkbox-child').click(function(){ if($(this).closest('ul').find('.checkbox-child:checked').length >= 1 ){ $(this).parent().parent().parent().parent().closest('li').find('.checkbox-parent').prop('checked', true); }else{ $(this).parent().parent().parent().parent().closest('li').find('.checkbox-parent').prop('checked', false); } }); }); </script> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
Load balance : Server 02
Load balance : Server 02
