如何获取MDL表中复选框的状态?

时间:2015-10-21 18:24:17

标签: javascript material-design-lite

我从用户输入的数据生成表格,用户可以在页面加载后更改数据,我必须相应地调整复选框(重新生成代码)

我试图:

  • 勾选复选框时调用JS函数
  • 能够单独获取每个复选框的状态(所有复选框的列表及其值也适用)
  • 设置每个复选框的值

我没有看到这样做的方法,因为在源代码中,没有复选框 - 只有表格设置。因此,我无法将每个复选框设置为其ID。

我想知道,是否有可能:获取浏览器加载页面时生成的代码以及JS生成的代码并直接从生成的服务器提供,但每个复选框都有单独的ID?在这种情况下,我如何获得复选框的状态?

如果有任何不清楚的地方,请随时询问详细信息。

提前致谢。

2 个答案:

答案 0 :(得分:1)

不要使用mdl-data-table - 可选类。相反,请参阅https://github.com/google/material-design-lite/wiki/Deprecations#automatic-selection-checkboxes。它已经与实际的MDL版本兼容,但在版本2中,这些按钮会有涟漪......

(我自己最终通过避免表格和烹饪列表类并使用列表来解决问题。)

答案 1 :(得分:0)

当选择了类时,行被解雇:

<tr class="is-selected">

</tr>

您可以通过切换此类来获取和设置Javascript中的检查状态。