用mootools实现checkbox全选功能

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

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

全选时,所有的单个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。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值