fork download
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta content="text/html; charset=UTF-8" http-equiv="content-type">
  5. <title>此專案內容總覽</title>
  6. <script src="jquery-2.1.4.min.js" type="text/javascript"></script>
  7. <script type="text/javascript">
  8. function show(s,i,obj){
  9. $("."+s).css("display",obj.checked?"block":"none");
  10. $("."+i).css("display",obj.checked?"block":"none");
  11. }
  12. </script>
  13. </head>
  14. <body>
  15. <input type="checkbox" onclick="show('s2','i2',this)" checked>發包日期
  16. <input type="checkbox" onclick="show('s3','i3',this)" checked>專案別
  17. <input type="checkbox" onclick="show('s4','i4',this)" checked>發案者
  18. <table width="300" style="word-break:break-all" frame="border" rules="all">
  19. <tr>
  20. <td class="s2" style="display:" width="200">發包日期</td>
  21. <td class="s3" style="display:" width="200">專案別</td>
  22. <td class="s4" style="display:" width="200">發案者</td>
  23. </tr>
  24. <tr>
  25. <td class="i2" style="display:" width="200">內容1</td>
  26. <td class="i3" style="display:" width="200">內容2</td>
  27. <td class="i4" style="display:" width="200">內容3</td>
  28. </tr>
  29. <tr>
  30. <td class="i2" style="display:" width="200">內容4</td>
  31. <td class="i3" style="display:" width="200">內容5</td>
  32. <td class="i4" style="display:" width="200">內容6</td>
  33. </tr>
  34. </table>
  35. </body>
  36. </html>
Success #stdin #stdout #stderr 0s 3436KB
stdin
Standard input is empty
stdout
Standard output is empty
stderr
Error: near line 1: near "<": syntax error
Error: near line 10: unrecognized token: "$"
Error: incomplete SQL: }
	</script>
</head>
<body>
<input type="checkbox" onclick="show('s2','i2',this)" checked>發包日期
<input type="checkbox" onclick="show('s3','i3',this)" checked>專案別
<input type="checkbox" onclick="show('s4','i4',this)" checked>發案者
<table width="300" style="word-break:break-all" frame="border" rules="all">
	<tr>
	   <td class="s2" style="display:" width="200">發包日期</td>
       <td class="s3" style="display:" width="200">專案別</td>
	   <td class="s4" style="display:" width="200">發案者</td>
    </tr>
    <tr>
       <td class="i2" style="display:" width="200">內容1</td>
       <td class="i3" style="display:" width="200">內容2</td>
	   <td class="i4" style="display:" width="200">內容3</td>
	</tr>
	<tr>
       <td class="i2" style="display:" width="200">內容4</td>
       <td class="i3" style="display:" width="200">內容5</td>
	   <td class="i4" style="display:" width="200">內容6</td>
	</tr>
</table>
</body>
</html>