<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
今日推荐
周排行