问个checkbox的问题

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Untitled Document</title>
<script language="javascript">
function MakeString(){
var chks=document.getElementsByTagName("input");
var sumString="";
//alert();
for(var i=0;i<chks.length;i++)
if(chks[i].type=="checkbox"){
if(chks[i].checked){
if(sumString!="") sumString+="|";
sumString+=chks[i].value;
}
}
document.all.txtValue.value=sumString;
}
</script>
</head><body>
<table width="250"  border="1">
  <tr>
    <td width="100" align="center"><input onClick="MakeString()" id="chk1" type="checkbox" value="1"></td>
    <td width="150">&nbsp;</td>
  </tr>
  <tr>
    <td align="center"><input onClick="MakeString()" id="chk2" type="checkbox" value="2"></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td align="center"><input onClick="MakeString()" id="chk3" type="checkbox" value="3"></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td align="center"><input onClick="MakeString()" id="chk4" type="checkbox" value="4"></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td align="center"><input onClick="MakeString()" id="chk5" type="checkbox" value="5"></td>
    <td>&nbsp;</td>
  </tr>
</table>
<input type="text" id="txtValue" value="">
</body>
</html>

解决方案 »

  1.   

    这是个简单的<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    </HEAD>
    <BODY>
    <form method="post" action="">
      <input type="" name="YourHidden"/>
      <input type="checkbox"  value="1" onclick="this.form.YourHidden.value+=this.value+'|'"/><br/>
      <input type="checkbox"  value="2" onclick="this.form.YourHidden.value+=this.value+'|'"/><br/>
      <input type="checkbox"  value="3" onclick="this.form.YourHidden.value+=this.value+'|'"/><br/>
      <input type="checkbox"  value="4" onclick="this.form.YourHidden.value+=this.value+'|'"/><br/>
      <input type="checkbox"  value="5" onclick="this.form.YourHidden.value+=this.value+'|'"/><br/>
    </form>
    </BODY>
    </HTML>
      

  2.   

    <input type="checkbox" name="c1" onClick="chk();">
    <input type="checkbox" name="c2" onClick="chk();">
    <input type="checkbox" name="c3" onClick="chk();">
    <input type="checkbox" name="c4" onClick="chk();">
    <input type="checkbox" name="c5" onClick="chk();">
    <input type="hidden" name="test">
    <script language="javascript">
    var t=document.all.test.value;
    t='';
    fucntion chk()
    {
    if(document.all.c1.checked==true)
    {
    t=t+'1|'
    }
    if(document.all.c2.checked==true)
    {
    t=t+'2|'
    }
    if(document.all.c3.checked==true)
    {
    t=t+'3|'
    }
    if(document.all.c4.checked==true)
    {
    t=t+'4|'
    }
    if(document.all.c5.checked==true)
    {
    t=t+'5|'
    }
    alert(t);
    }
    </script>
      

  3.   

    yidishui1570(一滴水）的方法最简单
      

  4.   

    每次来csdn都有人问checkbox,radio,select这样的问题，感觉有些怪怪的，为什么每次都有。怪！