js中实现同时对checkbox选中和取消

最新推荐文章于 2024-11-06 13:48:22 发布

最新推荐文章于 2024-11-06 13:48:22 发布 · 477 阅读

本文介绍了一种使用JavaScript实现的批量选择功能，通过勾选全选框来控制一组复选框的状态，包括全部选中和取消选中两种操作。

function checkAll()
{
	var code_Value = document.all["ifAll"]; // 控制选中与取消
	var code_Values = document.all['selectFlag'];  // 所有的checkbox项
	if(code_Value.checked==true)
		{
	
	if(code_Values.length){ 
	for(var i=0;i<code_Values.length;i++) 
	{ 
	  code_Values[i].checked = true; 
	} 
	}else{ 
	  code_Values.checked = true; 
	} 
	}else
		{
		uncheckAll();
		}
}
//取消选中
function uncheckAll() 
{ 
var code_Values = document.all['selectFlag']; 
if(code_Values.length){ 
for(var i=0;i<code_Values.length;i++) 
{ 
code_Values[i].checked = false; 
} 
}else{ 
code_Values.checked = false; 
} 
}