如何让一个表单中的所有checkbox都被打勾？即怎样才能遍历到表单中所有的checkbox?

在页面上放两个隐藏文本框//名称：Add_value
//参数：obj_name(checkbox的id),SelStr(记录选择的checkbox的文本框),UnSelStr(记录没有被选中的checkbox的文本框)
//返回：无
//描述：当每次checkbox点击时触发，将选中的记录放置到SelStr文本框，将没有被选中的记录放置到UnSelStr文本框
//创建人： 2004-10-18
function Add_value(obj_name,SelStr,UnSelStr)
{
var Sel_Str="";
var UnSel_Str="";
for(var i = 0;i < document.all.length; i++)
{
if(document.all[i].type == "checkbox")
{
  if(document.all[i].checked == true && document.all[i].id == obj_name)
  {
    Sel_Str=Sel_Str==""?document.all[i].value:(Sel_Str+","+document.all[i].value);
  }
  else
  {
    UnSel_Str=UnSel_Str==""?document.all[i].value:(UnSel_Str+","+document.all[i].value);
  }
    }
}
if(document.all[SelStr] !=null)
{
  document.all[SelStr].value = Sel_Str;
}
if(document.all[UnSelStr] !=null)
{
  document.all[UnSelStr].value = UnSel_Str;
}
}

回复人： meizz(梅花雪) ( ) 信誉：694  2004-11-22 17:43:00  得分: 0

   var a = document.formName.getElementsByTagName("INPUT");
for(var i=0; i<a.length; i++)
{
  if(a[i].type=="checkbox") a[i].checked=true;
}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>材料采购计划</title>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="C#" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
<LINK href="../../css/Styles.css" type="text/css" rel="stylesheet">
<script language="javascript" src="../../css/PublicJs.js"></script>
<script language="javascript">
function Open_Page(OID,action)
{
var a = window.showModalDialog("BuyPlan_Edit.aspx?OID="+ OID +"&action="+action,window,"dialogwidth:800px;dialogheight:450px;status:no;scroll:yes;help:no");
//保存退出时，刷新父窗口.
if(a !=null && a == "UpFinishClose")
window.location.reload();
}
//名称：Sel_All
//参数：obj_name(checkbox的id)
//返回：无
//描述：选中页面上指定id的所有checkbox
//创建人： 2004-10-18
function Sel_All(obj_name,SelStr,UnSelStr,Is_SelAll)
{
  if(document.all[obj_name] == null || document.all[SelStr]== null || document.all[UnSelStr] == null || document.all[Is_SelAll]==null)
  {
return false;
  }   if(document.all[Is_SelAll].value == "")  //当document.all[Is_SelAll].value为空时，表示当前没有全选。
  {
event.srcElement.title = "点击取消所有记录选择";
var Sel_Str="";
if(document.all[obj_name].length == null)   //当只有一个checkbox时
{
   document.all[obj_name].checked = true;
   Sel_Str = document.all[obj_name].value;
}
else{
  for(var i = 0;i < document.all[obj_name].length;i++)
  {
document.all[obj_name][i].checked = true;
Sel_Str = Sel_Str==""?document.all[obj_name][i].value:(Sel_Str+","+document.all[obj_name][i].value);
  }
}
//将选中的和没有选中的分别赋给相应的text值。
if(document.all[SelStr] !=null){
  document.all[SelStr].value = Sel_Str;
}
if(document.all[UnSelStr] !=null){
  document.all[UnSelStr].value = "";
}
document.all[Is_SelAll].value = "SelAll";
  }
  else
  {
event.srcElement.title = "点击选择全部记录";
if(document.all[obj_name].length == null)   //当只有一个checkbox时
{
  document.all[obj_name].checked = false;
}
else{
  for(var i = 0;i < document.all[obj_name].length;i++)
  {
document.all[obj_name][i].checked = false;
  }
}
if(document.all[SelStr] !=null){
  document.all[SelStr].value = "";
}
if(document.all[UnSelStr] !=null){
  document.all[UnSelStr].value = "";
}
document.all[Is_SelAll].value = ""
  }
  return true;
}
//名称：Add_value
//参数：obj_name(checkbox的id),SelStr(记录选择的checkbox的文本框),UnSelStr(记录没有被选中的checkbox的文本框)
//返回：无
//描述：当每次checkbox点击时触发，将选中的记录放置到SelStr文本框，将没有被选中的记录放置到UnSelStr文本框
//创建人： 2004-10-18
function Add_value(obj_name,SelStr,UnSelStr)
{
var Sel_Str="";
var UnSel_Str="";
for(var i = 0;i < document.all.length; i++)
{
if(document.all[i].type == "checkbox")
{
  if(document.all[i].checked == true && document.all[i].id == obj_name)
  {
Sel_Str=Sel_Str==""?document.all[i].value:(Sel_Str+","+document.all[i].value);
  }
  else
  {
UnSel_Str=UnSel_Str==""?document.all[i].value:(UnSel_Str+","+document.all[i].value);
  }
}
}
if(document.all[SelStr] !=null)
{
  document.all[SelStr].value = Sel_Str;
}
if(document.all[UnSelStr] !=null)
{
  document.all[UnSelStr].value = UnSel_Str;
}
}
</script>
</HEAD>

<body MS_POSITIONING="GridLayout">
<form name="Form1" method="post" action="BuyPlanMain.aspx?PagMenuId=172" id="Form1">
<TABLE style="WIDTH: 100%" cellSpacing="0" cellPadding="0" border="0">
<TBODY>
<TR>
<TD class="td" style="HEIGHT: 24px" vAlign="top" noWrap align="center" colSpan="3">
<TABLE class="td" style="WIDTH: 100%; HEIGHT: 24px" cellSpacing="0" cellPadding="0" bgColor="#8a8c8b"
border="0">
<TR>
<TD class="uname" noWrap colSpan="2">
<P><FONT face="宋体">  材料采购计划</FONT></P>
</TD>
</TR>
</TABLE>
</TD>
</TR>
<tr>
<td vAlign="top" colSpan="3" height="40">
<TABLE class="querybox" style="WIDTH: 100%; HEIGHT: 40px" cellSpacing="0" cellPadding="0"
border="0">
<TR>
<TD vAlign="middle" noWrap>
<TABLE class="querybox" style="HEIGHT: 100%" cellSpacing="0" cellPadding="0" width="100%"
border="0">
<tr>
<td colSpan="1" height="24" rowSpan="1"><input type="submit" name="subapp" value="提交申请" id="subapp" class="CmdBut" style="height:20px;" />
<input name="Sel_OID" id="Sel_OID" type="text" style="DISPLAY: ; WIDTH: 100px; HEIGHT: 22px" size="1" />
<input name="UnSel_OID" id="UnSel_OID" type="text" style="DISPLAY: ; WIDTH: 100px; HEIGHT: 22px" size="1" /> <input name="Is_SelAll" id="Is_SelAll" type="text" style="DISPLAY: ; WIDTH: 100px; HEIGHT: 22px" size="1" /></td>
<td align="right"></td>
<td width="10%"><INPUT class="CmdBut" id="Add_Btn" style="WIDTH: 48px; HEIGHT: 20px" onclick="Open_Page(0,'add')"
type="button" value="增加"> 
<input type="submit" name="Exit_Btn" value="退出" id="Exit_Btn" class="CmdBut" style="height:20px;" /></td>
</tr>
<tr>
<td colSpan="3" height="20">
<table id="tb1" width="100%" cellSpacing="0" cellPadding="0" border="0">
<tr>
<td>
<table tabindex="7" class="td1" cellspacing="0" rules="all" bordercolor="#999999" border="1" id="WL_CJHPB" style="background-color:#F0F0E8;border-color:#999999;width:100%;border-collapse:collapse;">
<tr align="Center" valign="Middle" style="color:Black;background-color:#BEE7FB;font-weight:bold;">
<td align="Center" style="width:30px;">
<INPUT id="SelAll" onclick="Sel_All('OID_Check','Sel_OID','UnSel_OID','Is_SelAll')" type="checkbox"
name="SelAll" title="点击选择全部记录" value="">
</td><td align="Center" style="width:100px;"><a href="javascript:__doPostBack('WL_CJHPB$_ctl2$_ctl0','')" style="color:Black;">编号</a></td><td align="Center" style="width:150px;"><a href="javascript:__doPostBack('WL_CJHPB$_ctl2$_ctl1','')" style="color:Black;">计划名称</a></td><td align="Center" style="width:100px;"><a href="javascript:__doPostBack('WL_CJHPB$_ctl2$_ctl2','')" style="color:Black;">汇总平衡日期</a></td><td align="Center" style="width:100px;"><a href="javascript:__doPostBack('WL_CJHPB$_ctl2$_ctl3','')" style="color:Black;">计划员</a></td><td align="Center" style="width:100px;"><a href="javascript:__doPostBack('WL_CJHPB$_ctl2$_ctl4','')" style="color:Black;">采购员</a></td><td align="Center" style="width:40px;">编辑</td><td style="width:20px;"> </td>
</tr><tr>
<td align="Center">
<INPUT id=OID_Check onclick="Add_value('OID_Check','Sel_OID','UnSel_OID')" type=checkbox value='34201' name=OID_Check>
</td><td align="Center">
<a href='appplan.aspx?CL_CJSPB_OID=34201&CL_CJSPB_action=edit&Viewkind=readonly'>
<span id="WL_CJHPB__ctl3_Lbh1">SYS200311001</span></a>
</td><td align="Center">
<span id="WL_CJHPB__ctl3_Label9">采购合同 </span>
</td><td align="Center">2003-11-22</td><td align="Center">
<span id="WL_CJHPB__ctl3_Ljhy">袁智</span>
</td><td align="Center">
<span id="WL_CJHPB__ctl3_LCGY">张三</span>
</td><td align="Center">
<a href='#' onclick=Open_Page(34201,'edit')><img src='../../images/s_edit.gif' border='0'></a>
</td><td align="Center"><a onclick="javascript:return confirm('对于已发生业务的数据将不能被删除，您确定要删除该条记录吗？');" href="javascript:__doPostBack('WL_CJHPB$_ctl3$_ctl0','')"><img src=../../images/delete.gif border=0 alt=删除 /></a></td>
</tr><tr style="background-color:WhiteSmoke;">
<td align="Center">
<INPUT id=OID_Check onclick="Add_value('OID_Check','Sel_OID','UnSel_OID')" type=checkbox value='34208' name=OID_Check>
</td><td align="Center">
<a href='appplan.aspx?CL_CJSPB_OID=34208&CL_CJSPB_action=edit&Viewkind=readonly'>
<span id="WL_CJHPB__ctl4_Lbh1">SYS200311002</span></a>
</td><td align="Center">
<span id="WL_CJHPB__ctl4_Label9">采购合同</span>
</td><td align="Center">2003-11-22</td><td align="Center">
<span id="WL_CJHPB__ctl4_Ljhy">袁智</span>
</td><td align="Center">
<span id="WL_CJHPB__ctl4_LCGY">里斯</span>
</td><td align="Center">
<a href='#' onclick=Open_Page(34208,'edit')><img src='../../images/s_edit.gif' border='0'></a>
</td><td align="Center"><a onclick="javascript:return confirm('对于已发生业务的数据将不能被删除，您确定要删除该条记录吗？');" href="javascript:__doPostBack('WL_CJHPB$_ctl4$_ctl0','')"><img src=../../images/delete.gif border=0 alt=删除 /></a></td>
</tr><tr>
<td align="Center">
<INPUT id=OID_Check onclick="Add_value('OID_Check','Sel_OID','UnSel_OID')" type=checkbox value='34211' name=OID_Check>
</td><td align="Center">
<a href='appplan.aspx?CL_CJSPB_OID=34211&CL_CJSPB_action=edit&Viewkind=readonly'>
<span id="WL_CJHPB__ctl5_Lbh1">SYS200311003</span></a>
</td><td align="Center">
<span id="WL_CJHPB__ctl5_Label9">采购计划</span>
</td><td align="Center">2003-11-22</td><td align="Center">
<span id="WL_CJHPB__ctl5_Ljhy">袁智</span>
</td><td align="Center">
<span id="WL_CJHPB__ctl5_LCGY">王五</span>
</td><td align="Center">
<a href='#' onclick=Open_Page(34211,'edit')><img src='../../images/s_edit.gif' border='0'></a>
</td><td align="Center"><a onclick="javascript:return confirm('对于已发生业务的数据将不能被删除，您确定要删除该条记录吗？');" href="javascript:__doPostBack('WL_CJHPB$_ctl5$_ctl0','')"><img src=../../images/delete.gif border=0 alt=删除 /></a></td>
</tr><tr>
<td colspan="9"><span>1</span></td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="middle" height="24">
<span id="PageInfo" class="tttable">共<font color=red>1</font>页/当前第<font color=red>1</font>页共<font color=red>3</font>条记录,当前记录数<font color=red>1</font>到<font color=red>3</font></span></td>
</tr>
</table>
</td>
</tr>
</TBODY>
</TABLE>
</form>
</body>
</HTML>

将上面的两段代码合并成一个html文件，运行就可以看到效果

调试易

如何让一个表单中的所有checkbox都被打勾？即怎样才能遍历到表单中所有的checkbox?

解决方案 »