2.11 复选框全选、取消及判断是否选中的方法

其实在前面表单控件初始化的实例中已经使用了复选框全部选中的操作了。下面就完整地讲解一个如何通过JavaScript脚本实现复选框的全选、取消、部分选中及判断是否选中方法的代码实例。

关于【代码2-11】的说明：

● 第16～21行代码在表单内定义了一组复选框，用于测试复选框全选、取消、部分选择及判断是否选中的操作。

● 第29～59行代码是对复选框进行全选、取消、部分选择及判断是否选中的操作，主要是通过复选框的“checked”属性来实现的。

第30～35行代码定义的“on_checkbox_all_click()”方法，是实现复选框全部选择的方法。

第36～41行代码定义的“on_checkbox_none_click()”方法，是实现复选框全部取消选择的方法。

第42～48行代码定义的“on_checkbox_sel_click()”方法，是实现复选框部分选择的方法。其中，第44行代码定义了一个布尔型数组，用于存放复选框项是否被选中的状态。

第49～58行代码定义的“on_checkbox_checked_click()”方法，是实现判断某个复选框是否被选择的方法。

下面使用Firefox浏览器运行测试该HTML网页，复选框部分选择和判断是否判断是否被选中的效果如图2.12所示。

图2.12 JavaScript复选框全选、取消及判断是否选中的方法