由父表格單元格控制的複選框

我有一個表格，並且在此表格中有一列完全是複選框。該表格將在移動設備上可見，所以如果複選框易於使用將會很好。所以我試圖找出如何讓表單元格父項td控制複選框的檢查。因此，用戶實際上並未點擊複選框本身，而是單擊表格單元格。爲此，我爲td設置了一個onclick函數，用於檢查或取消選中相應的複選框。只要用戶不單擊複選框本身，這可以正常工作。如果發生這種情況，盒子會檢查自己，然後取消自我檢查，因爲它遵循通常的做法，然後再調用自定義偵聽器。我試圖將該複選框設置爲禁用，但在Chrome中運行時會顯示一個禁止的巨人（禁止吸菸）符號。那麼是否有辦法讓整個複選框處於啓用狀態，但禁用了它的檢查功能？由父表格單元格控制的複選框

編輯：

我嘗試使用更高的z-index，它不喜歡，在所有。下面的代碼是什麼樣子：

<td style="text-align:center; width: 20%;"> 
     <div id="checkboxCell{{:#index}}" onclick="PageConfigHome.toggleCheckboxes({{:#index}});" style="position:absolute; z-index: 999;"> 
      <input type="checkbox" style="z-index: 1" onclick="PageConfigHome.toggleCheckBoxes(null);" id="checkbox{{:#index}}" class="HomeScreenCheckbox"/> 
     </div> 
    </td>

解決方案： 我發現這個職位，解決了我的問題：Tick a checkbox in a table cell by clicking anywhere in the table cell

來源

2014-03-31 Rhendar

可能的重複http://stackoverflow.com/questions/11324851/stop-checkbox-being-checked-twice-when-inside-an-li-with-a-click-event/11324876#11324876 – arty