用mootools实现checkbox全选功能

最新推荐文章于 2021-03-11 05:09:07 发布

最新推荐文章于 2021-03-11 05:09:07 发布 · 116 阅读

本文介绍了一种使用JavaScript实现全选按钮与多个单选框（checkbox）联动的方法。当点击全选按钮时，所有单选框都会被选中；反之，当所有单选框都被选中时，全选按钮也会自动勾选。该方法适用于表格批量操作等场景。

全选时，所有的单个checkbox都要选中，反过来也可以实现

//全选按钮
	$('chkall').addEvent('click',function(){
		$$('input[name="itemchk"]').each(function(item){
			if($('chkall').checked){	
				item.checked = 'checked';
			}else{
				item.checked = '';
			}
		});
	});
	//ITEM 按钮
	$$('input[name="itemchk"]').each(function(item){
		item.addEvent('click',function(){
			if(item.checked){
				var i = 0;
				$$('input[name="itemchk"]').each(function(chk){
					if(chk.checked == ''){
						i=i+1;
					}
				});
				if(i == 0){
					$('chkall').checked = 'checked';
				}	
			}else{
				$('chkall').checked = '';
			}
		});
	});

测试完全OK。