html - 如何在 Materialise 表中使用复选框

Question

我正在使用 Materialize 并试图制作一个包含复选框的表格。但是，似乎有问题。表格中包含的复选框似乎不起作用。我不确定这是错误还是我没有做正确的事情:

<form action="#">
  <table>
    <thead>
      <tr>
        <th>Name</th>
        <th>Status</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>My Label</td>
        <td><input type="checkbox" class="filled-in" /><label></label></td>
      </tr>
    </tbody>
  </table>
</form>

如何使用 Materialize 在表格中创建一个复选框？

http://jsfiddle.net/qa37un79/

Answer 1

您没有复选框的 id 和标签的匹配 for 属性:

<input type="checkbox" id="myCheckbox" class="filled-in" />
<label for="myCheckbox"></label>

http://jsfiddle.net/xcmsLee9/1/