html - 使用 `` 中的 `` 检查复选框

Question

我正在尝试检查 checkbox使用 <label>但通过单击一行/<tr>的 <table> . 这可能吗？？

我尝试过使用 jQuery，但我对结果不太满意，因为我最终会选择行内的文本，这对用户来说不是很友好我也尝试在 Chrome 上用 HTML 测试它

<table border="1">
  <label>
  <!-- This label is expected to be used to check on the checkbox by 
       clicking anywhere on the table row -->
    <tr>
      <td><input type="checkbox" /> Foo</td>
      <td>Bar</td>
    </tr>

  </label>
</table>

我预计当我点击 bar复选框会被选中，但它没有

注意:

由于这是不可能通过基本的 HTML 获取的，所以我将关闭这个问题

Answer 1

请为属性设置标签来执行此操作，下面的代码将帮助您。

<table border="1">
        <tr>
            <td><input type="checkbox" id="mycheckbox" /> Foo</td>
            <td><label for="mycheckbox">Bar</label></td>
        </tr>
</table>