<!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>
|