首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

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

2012-10-20 
js实现全选与全部取消功能js实现全选功能在数据列表页面中经常会用到全选或者全部取消功能,如下:这里实现

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

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


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

用到的js如下:

 

热点排行