<!DOCTYPE html> <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"> </script> <script type="text/javascript"> $(function(){ $("#search").click(function(){ var obj=$(".col_value"),len=obj.length,x=0; while(x<len){ var tr_len=$("#table_id tr").length,y=0; while(y<tr_len){ if(!obj.eq(x).attr('checked')){ if($("#table_id tr").eq(y).find("th").eq(obj.eq(x).val()).css('display') != null){ $("#table_id tr").eq(y).find("th").eq(obj.eq(x).val()).css('display','none') }else{ $("#table_id tr").eq(y).find("td").eq(obj.eq(x).val()).css('display','none') } }else{ if($("#table_id tr").eq(y).find("th").eq(obj.eq(x).val()).css('display') != null){ $("#table_id tr").eq(y).find("th").eq(obj.eq(x).val()).css('display','') }else{ $("#table_id tr").eq(y).find("td").eq(obj.eq(x).val()).css('display','') } } y++; } x++; } }) }) </script> </head> <body> <input class="col_value" type="checkbox" value='0' /> c1 <input class="col_value" type="checkbox" value='1' /> c2 <input type="button" value='ค้นหา' id='search' /> <table border='1' id="table_id"> <thead> <tr> <th>ID</th> <th>NAME</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>aa</td> </tr> <tr> <td>2</td> <td>aa</td> </tr> <tr> <td>3</td> <td>aa</td> </tr> </tbody> </table> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
