我希望将整行变为可点击。现在行看起来像
<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它展示了如何包裹标签使其全部可点击。
如何将整行包裹起来以使其可点击?萨拉马特
最佳答案
您的 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 );
关于javascript - 包裹 html 标签以使所有标签都可点击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35733551/