我有一個有 2 列的表格，第一列顯示文本，另一列有一個復選框。代碼如下，復選框由JavaScript生成，例如 var checkbox = document.createElement("input");<script type="text/javascript"> function create_table() { var data = ["Sandwidch", "Hamburger", "Bacon"]; var table = document.getElementById("menu"); for (var option in data) { var row = table.insertRow(-1); var cell1 = row.insertCell(0); cell1.innerHTML = data[option]; var cell2 = row.insertCell(1); var checkbox = document.createElement("input"); checkbox.type = "checkbox"; checkbox.name = "choiceCbx"; cell2.appendChild(checkbox); } } window.onload = create_table;</script><body> <table id="menu"> <tr> <th>Food</th> <th>Choice</th> </tr> </table></body>當用戶點擊表格中的某一行時，如果該行上的復選框被選中，它應該變為未選中，反之亦然。我使用以下代碼來切換復選框但徒勞無功，它似乎只檢測到“TH”行，而不是“TR”行：$(document).ready(function() { $('#menu tr').click(function(event) { if (event.target.type !== 'checkbox') { $(':checkbox', this).trigger('click'); } });});我應該如何修改我的代碼以使切換功能起作用？
如何在用戶單擊復選框所在的行時切換復選框？
阿波羅的戰車
2022-10-21 17:26:17
