`

checkBox全选功能

    博客分类:
  • js
阅读更多
// 下面这个是全选checkbox的onclick事件
// item是子checkbox的name
function selectAll(flag)
{
	var items = document.getElementsByName("item");
	if (null != items)
	{
        	for (var i = 0;i<items.length;i++)
		{
			items[i].checked=flag;
		}
	}
}
//下面 这个是每一个子checkbox的onclick事件
// selectAllItem是全选checkbox的id,当子checkbox全部选中,把全选checkbox也选中,当全选checkbox处于选中的情况下,如果子checkbox有不选中的,把全选checkbox也置为不选中
function changeCheck()
{
        var checkAll = document.getElementById("selectAllItem");
	var items = document.getElementsByName("item");
	if (null != items)
	{
		if (checkAll.checked)
		{
        		for (var i = 0;i<items.length;i++)
			{
				if(!items[i].checked)
				{
					checkAll.checked= false;
				}
			}
		}
		else
		{

        		for (var i = 0;i<items.length;i++)
			{
				if(!items[i].checked)
				{
					return;
				}
			}
			checkAll.checked = true;
			
		}
	}
}

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics