checkbox全选和获取值

最新推荐文章于 2018-12-04 14:16:16 发布

最新推荐文章于 2018-12-04 14:16:16 发布 · 215 阅读

文章标签：

#jQuery #JavaScript #ViewUI

javascript 专栏收录该内容

38 篇文章

订阅专栏

本文提供了一个使用JavaScript实现全选功能及获取已选中项值的示例代码。通过简单的HTML页面展示了如何利用JavaScript操作复选框元素，实现全选功能，并在点击按钮时获取所有被选中的复选框的值。

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

<script type='text/javascript'>
//全选
function checkAllChkBox(boolvalue,formid)
{
	var name = formid+'[]';
	var ochkForm	= document.getElementById(formid);
	var ochkBoxes	= document.getElementsByName(name);
	try {
		if(ochkBoxes.length>0)
		{
			for(var i=0;i<ochkBoxes.length;i++)
			{
				ochkBoxes[i].checked = boolvalue;
			}
		}
		else
		ochkBoxes.checked = boolvalue;
	}
	catch (e) {}
}
//获取选取值
function getchkbox(fid)
{
	var name = fid+'[]';
	var ochkForm	= document.getElementById(fid);
	var ochkBoxes	= ochkForm[name];
	if (ochkBoxes == undefined)
	{
		bangding();
		return;
	}	
	var strval = "";
	
	var biaoyang = jQuery('#biaoyang').val();
	var iLen = ochkBoxes.length;
	var iLenval = 0;
	for(var i=0;i<iLen;i++)
	{
		if (ochkBoxes[i].checked == true)
		{
			strval = strval+'&'+ochkBoxes[i].value;
			iLenval++;
		}	
	}
	if (iLenval > 0)
	{
		alert("你将表扬:"+strval+":"+biaoyang);
	}
	else
	{
		alert("您未选择该分组下任何用户");
	}	
}
</script>

		 <form name="check1" id="check1">
		
		<div class="hiuyuan clearfix">
			<div class="imgDiv">
				<a href="#"><img src="/images/adorn/b_00.gif" width="50" height="50" alt="" /></a><input type="checkbox" name="check1[]"  value='1287464960' class="input"/><a href="#">张三</a>
			</div>
			<div class="imgDiv">
				<a href="#"><img src="/images/adorn/b_00.gif" width="50" height="50" alt="" /></a><input type="checkbox" name="check1[]" value="1287464960" class="input"/><a href="#">跟对跟对方给</a>
			</div>
			<div class="imgDiv">
				<a href="#"><img src="/images/adorn/b_00.gif" width="50" height="50" alt="" /></a><input type="checkbox" name="check1[]" value="1287464960" class="input"/><a href="#">跟跟方给</a>
			</div>
			<div class="imgDiv">
				<a href="#"><img src="/images/adorn/b_00.gif" width="50" height="50" alt="" /></a><input type="checkbox" name="check1[]" value="1287464960" class="input"/><a href="#">李四</a></a>
			</div>
			<div class="imgDiv">
				<a href="#"><img src="/images/adorn/b_00.gif" width="50" height="50" alt="" /></a><input type="checkbox" name="check1[]" value="1287464960" class="input"/><a href="#">跟对跟对方给</a>
			</div>

		</div>
		</form>