复选框的选中与取消

<input type=button value=全部选中 onclick="selectall()">
<input type=button value=全部取消 onclick="resetall()">
<input type=button value=全部删除 onclick="deleteall()">
<script language="javascript">
function selectall()
{
	var o=document.getElementsByName("ck");
	for(i=0;i<o.length;i++)
	{
		o[i].checked=true;
	}
}
function resetall()
{
	var o=document.getElementsByName("ck");
	for(i=0;i<o.length;i++)
	{
		o[i].checked=false;
	}
}
function deleteall()
{
	var o=document.getElementsByName("ck"); //复选框数组
	var t=document.getElementById("mytable"); //表格对象
	var s="";
	for(i=0;i<o.length;i++)
	{
		if(o[i].checked==true)
		{
			s=s+o[i].value+"|"; //将选中的复选框的值加入到s中
		}
	}
	if(s=="")
		alert("请至少选择一项!");
	else
	{
		var str=s.split("|"); //按照|进行拆分
		for(i=0;i<str.length;i++)
		{
			if(str[i]!="") //排除空白的字符串
			{
				var currentid="row"+str[i]; //构建id字符串
				var currentrow=document.getElementById(currentid); //根据id得到行对象
				var index=currentrow.rowIndex; //得到每一行在表格中的索引位置
				t.deleteRow(index); //执行删除操作
			}
		}
	}
}
</script>

猜你喜欢

转载自blog.csdn.net/qq_40383417/article/details/81295765