<link rel="stylesheet"  rel="external nofollow" > <script src="https://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"> </script><table class="table table-bordered "> <thead class="tab_head"> <tr>  <td> <input type="checkbox" onclick="selectAll()"></td>  <th>角色名稱</th>  <th>角色說明</th>  <th>所屬系統</th> </tr> </thead> <tbody> <tr>  <td> <input type="checkbox"></td>  <td>系統管理員</td>  <td>管理員角色</td>  <td>武進公安平臺</td> </tr> <tr>  <td> <input type="checkbox"></td>  <td>系統管理員</td>  <td>管理員角色</td>  <td>武進公安平臺</td> </tr> <tr>  <td> <input type="checkbox"></td>  <td>系統管理員</td>  <td>管理員角色</td>  <td>武進公安平臺</td> </tr> </tbody> </table> <script> function selectAll(){ $("input[type='checkbox']").each( function() {  if($(this).prop("checked")==true) {  $("input[type='checkbox']").prop('checked', true);  return;  } else {  $("input[type='checkbox']").prop('checked', false);  return;  } }); } </script>