Jq全选/全取消checkbox

在实际应用中经常会出CheckBox全选或全部取消，所以我整理了如何利用JQ实现CheckBox全选或全部取消，以便今后使用。

首先，列举出每个CheckBox，分别给他们的ID命名不同名字不能重复;

 

接下来利用JQ，当#cbTotal被单击时触发时调用attr()方法，attr()方法是用来设置或返回被选元素的属性值，有两个重载：

1、$(selector).attr(attribute)：规定要获取其值的属性；

2、$(selector).attr(attribute,value)：规定属性的名称；规定属性的值。

这里attr()的两个重载都有使用。

然后判断#cbTotal的checked状态来设置checked值，最后还有一个attr()方法的小练习，通过判断attr中checked属性值控制id为lbDisplay的label的CSS样式进行显示。

例子很简单，今天的总结也就是为了明天更高效的开发~