您的位置：首页 > Web前端 > JavaScript

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

2015-01-12 19:50 851 查看

                                                                                                    全选、反选、批量删除的实现(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");接收即可

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： java jsp javascript js function

相关文章推荐

新的分享

章节导航