JavaScript全选代码，批量删除，select标签把左边的数据添加到右边关键代码

全选JS代码

<script language="javascript" type="text/javascript">
function checkAll()
{
 var obj = document.getElementById("all");
 var arr = document.getElementsByName("dels");
 for(var i = 0; i < arr.length; i++)
 {
  arr[i].checked = obj.checked;
 }
}
</script>

 

全选按钮标签

<input type="checkbox" name="checkbox" id="all" value="checkbox" onClick="checkAll()">

 

复选框标签

<input name="dels" type="checkbox" id="dels" value="${id}">

 

主要用来批量删除上面那id是 要删除数据的id，这里传Action层去的是一个存放id的数组，所以Action层要用String[] dels = request.getParameterValues("dels")来接收

 

 

select标签把左边的数据添加到右边：

 

function move(a,b)
{ 
 var s=document.getElementById(a);
 var t=document.getElementById(b);
 for(var i=0;i<s.length;i++)
 {
   if(s[i].selected)
   {
      var op=new Option(s[i].text);
      op.value=s[i].value;
      s.remove(i);
      t.add(op);
   i--;
    }
 }
}

 

在jsp页面调用：

<select name="select" size="15" id="left" multiple="multiple">
           <s:iterator value="popedomList">
                  <option value="${id}">${popedom}</option>
            </s:iterator>
  </select>

 

<select name="role_Dto.popedomId" size="15" id="right" multiple="multiple">
</select>

 

<input type="button" name="Submit" value="添加 &gt;&gt;" onClick="move('left','right')">
<input type="button" name="Submit" value="&lt;&lt; 删除" onClick="move('right','left')">