js实现全选与全部取消功能
js实现全选功能

在数据列表页面中经常会用到全选或者全部取消功能，如下：


这里实现了一个简单的全选功能：当有任何一个子元素未被选中时，点击全选会标记所有元素为选中；当所有元素已选中时，点击选中则会取消所有的选中。这里使用checkbox做为选择的元素，为了便于server端的处理，给每个checkbox相同的名字，这样被选中checkbox的值就会被提交到server端进行处理。

用到的js如下：