js实现全选、反选功能（批量删除）

来源：互联网发布：sql not like 编辑：程序博客网时间：2024/05/01 07:02

全选、反选、批量删除的实现(js结合实现)

<script type="text/javascript">

/*提交*/

function tijiao()

{

varcheckboxs=document.getElementsByName("a");

var ids;

for(var i=0;i<checkboxs.length;i++)

{

ids+=checkboxs[i].value+",";

}

ids=ids.substring(0,ids.length-1);

var url=window.location;

url+="?id="+ids;

window.location.href=url;

}

/*全选*/

function quanxuan()

{

varcheckboxs=document.getElementsByName("a");

for(var i=0;i<checkboxs.length; i++)

{

checkboxs[i].checked=true;

}

/*反选*/

function fanxuan()

{

varcheckboxs=document.getElementsByName("a");

for(var i=0;i<checkboxs.length;i++)

{

if(checkboxs[i].checked==true)

{

checkboxs[i].checked=false;

}

else

{

checkboxs[i].checked=true;

}

</script>

//页面代码

<body>

<table border="1">

<tr>

<td><inputtype="checkbox" name="a" value="1"></td>

<td>aaaaaaaaaaaaaaaaaaaaaaaa</td>

</tr>

<tr>

<td><inputtype="checkbox" name="a" value="2"></td>

<td>bbbbbbbbbbbbbbbbbbbbbbbbb</td>

</tr>

<tr>

<td><inputtype="checkbox" name="a" value="3"></td>

<td>cccccccccccccccccccccccccccccccccccc</td>

</tr>

<tr>

<td><inputtype="button" value="全选"onclick="quanxuan()"></td>

<td><inputtype="button" value="反选"onclick="fanxuan()"></td>

<td><inputtype="button" value="提交" onclick="tijiao()"></td>

</tr>

</table>

</body>

//后台接收值：

如果接收ids值，通过request.getParameter("ids");接收即可

0 0