<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<title>此專案內容總覽</title>
<script src="jquery-2.1.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
function show(s,i,obj){
$("."+s).css("display",obj.checked?"block":"none");
$("."+i).css("display",obj.checked?"block":"none");
}
</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>
PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KCTxtZXRhIGNvbnRlbnQ9InRleHQvaHRtbDsgY2hhcnNldD1VVEYtOCIgaHR0cC1lcXVpdj0iY29udGVudC10eXBlIj4KCTx0aXRsZT7mraTlsIjmoYjlhaflrrnnuL3opr08L3RpdGxlPgoJPHNjcmlwdCBzcmM9ImpxdWVyeS0yLjEuNC5taW4uanMiIHR5cGU9InRleHQvamF2YXNjcmlwdCI+PC9zY3JpcHQ+Cgk8c2NyaXB0IHR5cGU9InRleHQvamF2YXNjcmlwdCI+CgkJZnVuY3Rpb24gc2hvdyhzLGksb2JqKXsKCQkJJCgiLiIrcykuY3NzKCJkaXNwbGF5IixvYmouY2hlY2tlZD8iYmxvY2siOiJub25lIik7CgkJCSQoIi4iK2kpLmNzcygiZGlzcGxheSIsb2JqLmNoZWNrZWQ/ImJsb2NrIjoibm9uZSIpOwoJCX0KCTwvc2NyaXB0Pgo8L2hlYWQ+Cjxib2R5Pgo8aW5wdXQgdHlwZT0iY2hlY2tib3giIG9uY2xpY2s9InNob3coJ3MyJywnaTInLHRoaXMpIiBjaGVja2VkPueZvOWMheaXpeacnwo8aW5wdXQgdHlwZT0iY2hlY2tib3giIG9uY2xpY2s9InNob3coJ3MzJywnaTMnLHRoaXMpIiBjaGVja2VkPuWwiOahiOWIpQo8aW5wdXQgdHlwZT0iY2hlY2tib3giIG9uY2xpY2s9InNob3coJ3M0JywnaTQnLHRoaXMpIiBjaGVja2VkPueZvOahiOiAhQo8dGFibGUgd2lkdGg9IjMwMCIgc3R5bGU9IndvcmQtYnJlYWs6YnJlYWstYWxsIiBmcmFtZT0iYm9yZGVyIiBydWxlcz0iYWxsIj4KCTx0cj4KCSAgIDx0ZCBjbGFzcz0iczIiIHN0eWxlPSJkaXNwbGF5OiIgd2lkdGg9IjIwMCI+55m85YyF5pel5pyfPC90ZD4KICAgICAgIDx0ZCBjbGFzcz0iczMiIHN0eWxlPSJkaXNwbGF5OiIgd2lkdGg9IjIwMCI+5bCI5qGI5YilPC90ZD4KCSAgIDx0ZCBjbGFzcz0iczQiIHN0eWxlPSJkaXNwbGF5OiIgd2lkdGg9IjIwMCI+55m85qGI6ICFPC90ZD4KICAgIDwvdHI+CiAgICA8dHI+CiAgICAgICA8dGQgY2xhc3M9ImkyIiBzdHlsZT0iZGlzcGxheToiIHdpZHRoPSIyMDAiPuWFp+WuuTE8L3RkPgogICAgICAgPHRkIGNsYXNzPSJpMyIgc3R5bGU9ImRpc3BsYXk6IiB3aWR0aD0iMjAwIj7lhaflrrkyPC90ZD4KCSAgIDx0ZCBjbGFzcz0iaTQiIHN0eWxlPSJkaXNwbGF5OiIgd2lkdGg9IjIwMCI+5YWn5a65MzwvdGQ+Cgk8L3RyPgoJPHRyPgogICAgICAgPHRkIGNsYXNzPSJpMiIgc3R5bGU9ImRpc3BsYXk6IiB3aWR0aD0iMjAwIj7lhaflrrk0PC90ZD4KICAgICAgIDx0ZCBjbGFzcz0iaTMiIHN0eWxlPSJkaXNwbGF5OiIgd2lkdGg9IjIwMCI+5YWn5a65NTwvdGQ+CgkgICA8dGQgY2xhc3M9Imk0IiBzdHlsZT0iZGlzcGxheToiIHdpZHRoPSIyMDAiPuWFp+WuuTY8L3RkPgoJPC90cj4KPC90YWJsZT4KPC9ib2R5Pgo8L2h0bWw+
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>