CheckBox全选功能的实现--JavaScript

HTML全选CheckBox实现

最新推荐文章于 2025-12-05 08:37:05 发布

最新推荐文章于 2025-12-05 08:37:05 发布 · 81 阅读

文章标签：

#javascript #xhtml #ViewUI

本文介绍了一种使用HTML和JavaScript实现全选CheckBox的方法。通过一个主CheckBox控制一组子CheckBox的状态，当主CheckBox被选中时，所有子项也全部被选中。此功能常见于网页表单中，用于批量操作选项。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CheckBox全选</title> </head> <body> <mce:script type="text/javascript"></mce:script> <input type="checkbox" onclick="selectedAllCheckBox(this)"/>选择<br /> <input type="checkbox" />A<br /> <input type="checkbox" />B<br /> <input type="checkbox" />C<br /> <input type="checkbox" />D<br /> <input type="checkbox" />E<br /> <input type="checkbox" />F<br /> <input type="checkbox" />G<br /> </body> </html>