分享

在Servlet中的全选,反选及删除操作

 Excuse110 2012-10-17

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www./TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www./1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function SelectDel() //删除
{
var obj = Validate();
if(obj == true)
{
if( window.confirm('你确定要删除?'))
{
return true;
}
else
{
return false;
}
}
else
{
alert('请选择要删除的项目!');
}
}

function Validate()
{
var objs = window.document.getElementsByTagName('input');
var i;
for(i=0;i<objs.length;i++)
{
if(objs[i].type=='checkbox')
{
if(objs[i].checked == true)
{
return true;
}
}
}
}

function selectAll() //全选
{
var objs = document.getElementsByTagName('input');
var i;
for(i = 0; i < objs.length; i++)
{
if(objs[i].type == "checkbox")
{
objs[i].checked = true;
}
}
}

function unselect() //反选
{
var objs = document.getElementsByTagName('input');
var i;
for(i=0;i<objs.length;i++)
{
if(objs[i].type=='checkbox')
{
if(objs[i].checked == true)
{
objs[i].checked =false;
}
else
{
objs[i].checked =true;
}
}
}
}

function cancel() //取消
{
var objs = document.getElementsByTagName('input');
var i;
for(i=0;i<objs.length;i++)
{
if(objs[i].type == 'checkbox')
{
objs[i].checked = false;
}
}
}
</script>
</head>

<body>
<form action="" method="post">
a:<input type="checkbox" name="selCBox" /><br />
b:<input type="checkbox" name="selCBox" /><br />
c:<input type="checkbox" name="selCBox" /><br />
d:<input type="checkbox" name="selCBox" /><br />
  <input type="button" onclick="return selectAll() " value="全选" name="a"/>
  <input type="button" onclick="return unselect() " value="反选"/>
  <input type="button" onclick="return SelectDel() " value="删除"/>
  </form>
</body>
</html>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多