用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<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>