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