日期:2014-05-16  浏览次数:20423 次

用JS实现CheckBox的全选 修改 取消 查询 删除的函数和图片实现添加 返回的链接
一.首先看FORM表单的名字.在这里我的表单的名字是:userForm
二:这是我的隐藏域
<input type="hidden" name="action_flag" value="">
<input type="hidden" name="userid" value="">
三:这是我的CHECKBOX
<input type="checkbox" name="ids" id="ids" value="<%=hsmap[i].get("USERID").toString().trim()%>">
三:下面是我写的通过CHECKBOX选择全部的函数:
<script>
//这是选择通过CHECKBOX选择全部的函数.
function selectAll()
{
     var th=document.userform;
     for(var i=0;i<th.elements.length;i++)
     {
        var o=th.elements[i];
        if(o.name=="ids")
         {
            o.checked=true; 
         }
     }

}
//下面这个是通过CHECKBOX取消选择的函数.
function noselectAll()
{
     var th=document.userform;
     for(var i=0;i<th.elements.length;i++)
     {
         var o=th.elements[i];
         if(o.name="ids")
           {
             o.checked=false;
           }
     }
}
//下面是获取复选框的个数的函数
function getselectcount()
{
    var th=document.userform;
    var count=0;
    for(var i=0;i<th.elements.length;i++)
    {
       var o=th.elements[i];
       if(o.name=="ids" && o.checked)
        {
           count++;
        }
    }
    return count;
}
//下面是获得复选框的值.这里返回的是一个ID值

function getselectvalue()
{
     var th=document.userform;
     for(var i=0;i<th.elements.length;i++)
     {
        var o=th.elements[i];
        if(o.name="ids" && o.checked)
         {
              return o.value;
          }
     }
}
//下面是删除的函数.
function del()
{
    var th=document.userform;
    if(getselectcount<1)
     {
        alert("至少选择一项删除!");
        return;
     }
    th.action="<%=path%>/servlet/UserAction";//这里是我要跳转到另一个ACTION执行删除.
   th.action_flag.value="delete"
  //这句在ACTION可以获得这个值进行删除!
   th.submit();
}

//下面是执行查询的函数...这个基本上和删除的函数一样.
function searchuserManager()
{
   var th=document.userform;
   th.action="<%=path%>/servlet/UserAction";
   th.action_flag.value="search";
   th.submit();
}
下面是进行修改的函数.
function update()
{
  var th=document.userform;
  if(getselectcount>1)
  {
     alert("只能选择一项进行修改!你多选择了!");
  }
  if(getselectcount&