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

How do I get the state of a checkbox in a MDL table?

本文关键字:复选框 状态 MDL 何获取 获取      更新时间:2023-09-26

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

I'm try to:

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

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

我想知道,是否有可能:获得生成的代码,当浏览器加载我的页面和代码的JS生成和服务它直接从服务器生成,但与每个复选框的个人id ?在本例中,如何获取复选框的状态?

如果有不清楚的地方,请随时询问细节。

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

(我自己最终解决了这个问题,通过避免表和烹饪list类,并使用list作为我的信息。)

当一个行具有is-selected类时,将被检查:

<tr class="is-selected">
</tr>

你可以通过切换这个类在Javascript中获取和设置检查状态