單擊列表行前邊的checkbox被選中，再單擊，取消選中

標籤：xmlns   select   sele   總結   執行函數   java   http   his   outline   

需求描述：單擊datatabl的一行資料，前邊的checkbox被勾選上，再次點擊，選中取消，第一次碰到這種需求，不過呢也很實用，簡單記錄一下

代碼：

//html代碼
<tr class="trs" >
　　<td>     <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
        <input type="checkbox" class="checkboxes" name="selectedIds" />
      </label>
    </td>    <td></td>    <td></td>    <td></td>
</tr>

//js代碼<script type="text/javascript" th:inline="javascript" xmlns:th="http://www.w3.org/1999/xhtml">   //單擊行選中checkbox 通過class選取器來控制
   $(‘.trs‘).on(‘click‘ , function(){
       var check = $(this).find("input[type=‘checkbox‘]");
       if ($(check).is(‘:checked‘)) {
           $(check).prop(‘checked‘, false);
       } else {
           $(check).prop(‘checked‘, true);
       }
   });
</script>

總結：關鍵就是一個class選取器，通過單擊行<tr>來執行函數控制選中與否

單擊列表行前邊的checkbox被選中，再單擊，取消選中