现在的位置: 首页 > 综合 > 正文

用JS实现CheckBox的全选 修改 取消 查询 删除的函数

2013年09月07日 ⁄ 综合 ⁄ 共 3136字 ⁄ 字号 评论关闭

一.首先看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<1)
  {
     alert("只能选择一项进行修改!你少选择了!");
  }
  th.action_flag.value="openupdate";
  th.action="<%=path%>/servlet/UserAction";
  th.userid.value=getselectvalue();
//这里通过返回的ID值进行查询修改..
  th.submit();
}
</script>

下面是函数的调用 .

修改的调:
<a href="javascript:update();"><img alt="修改用户" src='<%=path%>/image/images/button/bt_modify.gif'  border="0"></a>
删除的调用:
<a href="javascript:del();"><img alt="删除用户" src='<%=path%>/image/images/button/bt_del.gif'  border="0"></a>
全选和取消的调用:
<a href="javascript:noselectAll();">取消</a>/<a href="javascript:selectAll();">全选</a></td>
*********************************************************************
添加的表单名称为adduserform;
有一个隐藏域:
<input type="hidden" name="action_flag" value="">
添加的函数:
function doSubmit()
{
     var th=document.adduserform;
     if(th.username.value=="")
     {
        alert("用户名不能为空!!!");
        return;
     }
    if(th.password.value=="")
     {
               alert("密码不能为空!!!");
               return;
     }
     th.action_flag.value="add";
//通过add进行调用.
     th.submit();
   }
调用这个添加的函数:后面是用图片!
<a href="javascript:doSubmit()"><img alt="提交" src='<%=path%>/image/images/button/bt_tijiao.gif' border="0"></a>
*********************************************************************
返回页面的函数:
function doBack()
{
    window.location.href="<%=path%>/servlet/UserAction?action_flag=list";
//这个href后面是指的一个url
}
//在返回的图片中调用这个函数.
<a href="javascript:doBack()"><img alt="返回" src='<%=path%>/image/images/button/bt_back.gif' border="0"></a>

 

抱歉!评论已关闭.