javascript - 包裹 html 标签以使所有标签都可点击

Question

我希望将整行变为可点击。现在行看起来像

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>      
<tr>
            <label for="object_303">
                <td><input checked="checked" id="object_303" name="objects" type="checkbox"/></td>
                <td>Group</td>
                <td>Obj name</td>
            </label>
        </tr>
</table>

这似乎正确匹配 http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_label_default_css它展示了如何包裹标签使其全部可点击。

如何将整行包裹起来以使其可点击？萨拉马特

Answer 1

您的 HTML 已损坏...只有 thead、tbody 或 tr 应该位于表格内。 tr里面应该是td。正如 @Pointy 建议的，将类放在 tr 标记中引用整行。我修改了您的代码，请参见下文，并注意 <label> 的位置标签是。

<table>      
<tr class="myclass">
<td>
  <label for="object_303">
    <input checked="checked" id="object_303" name="objects" type="checkbox"/>
  </label>
</td>
<td>Group</td>
<td>Obj name</td>
</tr>
</table>

和 jquery:

$(".myclass").click( myFunction );