页面中有八个同名复选框,值分别为a,b,c,d,e,f,g,h,有一输入框为aaa,如何使

<script language="JavaScript">
function s(o){
var str=""
with(document.form1){
for(i=0;i<k.length;i++)if(k[i].checked)str+=k[i].value
aaa.value=str}
}
</script>
<form name="form1" method="post" action="">
  <input name="k" type="checkbox"  value="a" onClick="s(this)">
  <input name="k" type="checkbox"  value="b" onClick="s(this)">
  <input name="k" type="checkbox"  value="c" onClick="s(this)">
  <input name="k" type="checkbox"  value="d" onClick="s(this)">
  <input type="text" name="aaa">
</form>

解决方案 »

  1.   

    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <script language="JavaScript">
    function test()
    {
    var cbs = document.getElementsByName("cb")
    var str=""
    for(i=0;i<cbs.length;i++)
    {
    if(cbs[i].checked)
    {
    str+=" " + cbs[i].value
    }
    }
    str = str.substring(1,str.length)
    t1.value=str
    }
    </script>
    </head><body>
    <p> 
      <input type="checkbox" name="cb" value="a" onClick="test()">
      <input type="checkbox" name="cb" value="b" onClick="test()">
      <input type="checkbox" name="cb" value="c" onClick="test()">
      <input type="checkbox" name="cb" value="d" onClick="test()">
      <input type="checkbox" name="cb" value="e" onClick="test()">
      <input type="checkbox" name="cb" value="f" onClick="test()">
      <input type="checkbox" name="cb" value="g" onClick="test()">
      <input type="checkbox" name="cb" value="h" onClick="test()">
      <br>
      <input name="t1" type="text">
    </p>
    </body>
    </html>
      

  2.   

    <form>
    <INPUT TYPE="checkbox" NAME="box" value="a" onclick="s()">a
    <INPUT TYPE="checkbox" NAME="box" value="b" onclick="s()">b
    <INPUT TYPE="checkbox" NAME="box" value="c" onclick="s()">c
    <INPUT TYPE="checkbox" NAME="box" value="d" onclick="s()">d
    <INPUT TYPE="checkbox" NAME="box" value="e" onclick="s()">e
    <INPUT TYPE="checkbox" NAME="box" value="f" onclick="s()">f
    <INPUT TYPE="checkbox" NAME="box" value="g" onclick="s()">g
    <INPUT TYPE="checkbox" NAME="box" value="h" onclick="s()">h
    <BR>
    <INPUT TYPE="text" NAME="text">
    </form>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function s(){
    var str="",e
    for(var i=0;i<document.forms[0].elements["box"].length;i++){
    e=document.forms[0].elements["box"][i]
    str+= e.checked ? e.value : " "
    }
    document.forms[0].elements["text"].value=str
    }
    //-->
    </SCRIPT>
      

  3.   

    <script language="JavaScript">
    function test(obj)
    {
    var str=new String();
    var str1=new String();
    var str2=new String();
    str=aaa.value ;
    var i="abcdefgh".indexOf(obj.value);
    str1=str.substring(0,i);
    str2=str.substring (i+1,str.length )
    if (obj.checked)
    {  
     aaa.value=str1+obj.value+str2;
    }

    else
    {
      aaa.value=str1+" "+str2;
    }
     
    }
    </script>
    </head><body>
    <p> 
      <input type="checkbox" name="cb" value="a" onClick="test(this)">
      <input type="checkbox" name="cb" value="b" onClick="test(this)">
      <input type="checkbox" name="cb" value="c" onClick="test(this)">
      <input type="checkbox" name="cb" value="d" onClick="test(this)">
      <input type="checkbox" name="cb" value="e" onClick="test(this)">
      <input type="checkbox" name="cb" value="f" onClick="test(this)">
      <input type="checkbox" name="cb" value="g" onClick="test(this)">
      <input type="checkbox" name="cb" value="h" onClick="test(this)">
      <br>
      <input name="aaa" type="text" value="       " >
    </p>
    </body>