html下拉复选框联动,HTML : CheckBox 复选框成组联动(JavaScript)

在页面中，经常需要控制一组 CheckBox 的选中状态，常用的操作有：

1.通过一个或者多个复选框来控制一组 CheckBox 的选中状态。

2.根据一组 CheckBox 的选中状态来决定某些控件的状态。如：

一组 CheckBox 中，至少有一项被选中，某个按钮才可以被点击，否则按钮处于灰色状态，不可点击。

一组 CheckBox 中，至少有一项被选中，某个文本框才可以输入内容，否则文本框处于失效状态，不可输入。

当页面有多处用到上述功能时，如何简单快速的实现这样的功能就成了关键。

先来看效果：

复选框联动

全选

11111

22222

33333

44444

55555

66666

两个复选框联动

全选

11111

22222

33333

44444

55555

66666

全选

其它对象联动

全选

11111

22222

33333

44444

55555

66666

全选

要使多个复选框成组，在写复选框的 HTML 代码时添加自定义属性 group ，如：

...

这样在页面显示时，group 名称相同的会成为一组。同样，在需要联动的对象的代码里添加自定义属性 forcheckboxgroup，