<input name="list[]" type="checkbox" value="<?php echo $item->id; ?>" onclick="JavaScript:check_cat(<?php echo $item->id; ?>);"> <?php echo $item->NAME; ?><br> <?php foreach ($rs as $item2): ?> <input type="checkbox" style="margin-left: 20px;" name="cat[]" class="cat_<?php echo $item->id;?>" value="<?php $item2->id; ?>"> <?php echo $item2->NAME; ?><br> <?php endforeach; ?>
<script> function check_cat(id){ $('.cat_'+id).prop('checked', true); } </script>
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <script language="javascript" src="jquery-2.1.1.min.js" ></script> <script language="javascript"> function check_cat( ob ){ var chk = $(ob).prop('checked'); $('.data').prop('checked', chk); } $(document).ready(function(e) { $('span').click(function(e) { $(this).parent().find('ul').toggle(500); }); $('.main').click(function(e) { var chk=$(this).prop('checked'); $(this).parent().find('.data').prop('checked', chk); }); }); </script> </head> <body> <ul style="list-style-type: none;"> <li><span>+</span><input type="checkbox" name="cat[]" class='main data' value="1">TEST1<br> <ul style="list-style-type: none; display:none"> <li><input type="checkbox" name="cat[]" class='data' value="11">TEST3</li> <li><input type="checkbox" name="cat[]" class='data' value="12">TEST3</li> </ul> </li> <li><span>+</span><input type="checkbox" name="cat[]" class='main data' value="1">TEST2<br> <ul style="list-style-type: none; display:none"> <li><input type="checkbox" name="cat[]" class='data' value="21">TEST21</li> <li><input type="checkbox" name="cat[]" class='data' value="22">TEST22</li> </ul> </li> <li><span>+</span><input type="checkbox" name="cat[]" class='main data' value="1">TEST3<br> <ul style="list-style-type: none; display:none"> <li><input type="checkbox" name="cat[]" class='data' value="31">TEST31</li> <li><input type="checkbox" name="cat[]" class='data' value="32">TEST32</li> </ul> </li> <li><span>+</span><input type="checkbox" name="cat[]" class='main data' value="1">TEST4<br> <ul style="list-style-type: none; display:none"> <li><input type="checkbox" name="cat[]" class='data' value="41">TEST41</li> <li><input type="checkbox" name="cat[]" class='data' value="42">TEST42</li> </ul> </li> <li><span>+</span><input type="checkbox" name="cat[]" class='main data' value="1">TEST5<br> <ul style="list-style-type: none; display:none"> <li><input type="checkbox" name="cat[]" class='data' value="51">TEST51</li> <li><input type="checkbox" name="cat[]" class='data' value="52">TEST52</li> </ul> </li> </ul> <input type="checkbox" onclick="check_cat(this)" >All<br> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง