th:checked的作用和用法
时间: 2024-04-16 17:27:48 浏览: 12
`th:checked` 是一个用于 HTML 表格中的属性,用于指示是否选中表头中的复选框。它通常与 `<input type="checkbox">` 元素一起使用。
当 `<input type="checkbox">` 元素被选中时,`th:checked` 属性会设置为 true,表示表头的复选框被选中。当复选框未被选中时,该属性会设置为 false。
以下是 `th:checked` 的用法示例:
```html
<table>
<thead>
<tr>
<th><input type="checkbox" id="selectAll"></th>
<th>标题1</th>
<th>标题2</th>
<th>标题3</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="checkbox" class="checkbox"></td>
<td>数据1</td>
<td>数据2</td>
<td>数据3</td>
</tr>
<!-- 其他行... -->
</tbody>
</table>
```
在上面的示例中,当复选框 `<input type="checkbox" id="selectAll">` 被选中时,`th:checked` 属性将设置为 true。您可以使用 JavaScript 或其他脚本来处理复选框的状态,并根据需要执行相应的操作。
请注意,`th:checked` 属性是自定义属性,不是 HTML 标准属性,因此您可能需要使用 JavaScript 或其他脚本来处理它。