怎样才能点击选中复选框 他的值就能显示在同一个页面的testarea中 谢谢

<div>
            <label>
                香蕉
                <input type="checkbox" value="香蕉" onclick="getSelect(this)" />
            </label>
            <br />
            <label>
                苹果
                <input type="checkbox" value="苹果" onclick="getSelect(this)" />
            </label>
            <br />
            <label>
                桔子
                <input type="checkbox" value="桔子" onclick="getSelect(this)" />
            </label>
        </div>function getSelect(cb)
{
    var result="";
    var pp=cb.parentNode.parentNode;
    var cbs=pp.getElementsByTagName("input");
    for(var i=0;i<cbs.length;i++)
    {
        if(cbs[i].type=="checkbox"&&cbs[i].checked)
        {
            result+=cbs[i].value+",";
        }
    }
    alert(result);
}

解决方案 »

  1.   

    大哥又是你 我js什么都不懂 全靠你帮助 记住你的代码了呵呵 能介绍点入门的js要看写什么参考书么 谢谢了
      

  2.   

    如果我要显示value在文本框里js代码要怎么改呢 不用alert 点一个复选框我让value的值显示在textarea里面
      

  3.   


     香蕉<input type="checkbox" name = "test" value="香蕉" onclick="getSelect(this)" /><br>
    苹果<input type="checkbox" name = "test" value="苹果" onclick="getSelect(this)" /><br>
    桔子<input type="checkbox" name = "test" value="桔子" onclick="getSelect(this)" /><br><input name = "thevalue"><script>
      
       function getSelect(param){
          var obj = document.getElementsByName("test");
          var temp = "";
          for(i=0;i<obj.length;i++){
          if(obj[i].checked){
           temp += obj[i].value;
          }
          }
          document.getElementById("thevalue").value = temp;
       }
    </script>
      

  4.   

    一楼的很好，result都有了
    document.getElementById("textareaName或id").value = result
      

  5.   

    document.getElementById("文本框ID").value = result;
      

  6.   

    <!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=""> <SCRIPT LANGUAGE="JavaScript">

    function getValue()
    {
    var frm =document.myfrm;
    var chks =document.getElementsByName("chk");
    var str ="";
    for(var i=0;i<chks.length;i++)
    {
    if(chks[i].checked)
    {
    str = str+chks[i].value;
    }
    }
    frm.xm.value=str;
    } </SCRIPT> </HEAD> <BODY>
    <form name="myfrm">
    <input type="checkbox" name="chk" value="体育" onclick="getValue()">体育
    <input type="checkbox" name="chk" value="音乐" onclick="getValue()">音乐
    <input type="checkbox" name="chk" value="运动" onclick="getValue()">运动
    <input type="text" name="xm" >
    </form>
     </BODY>
    </HTML>
      

  7.   

    对于js新手，介绍我blog上的一个js控件，一劳永逸的解决。http://blog.xiaobing.org/article.asp?id=1
      

  8.   

    <!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=""> <SCRIPT LANGUAGE="JavaScript">

    function getValue()
    {
    var frm =document.myfrm;
    var chks =document.getElementsByName("chk");
    var str ="";
    for(var i=0;i<chks.length;i++)
    {
    if(chks[i].checked)
    {
    str = str+chks[i].value;
    }
    }

    var fruits =document.getElementsByName("fruit");
    for(var i=0;i<fruits.length;i++)
    {
    if(fruits[i].checked)
    {
    str = str+fruits[i].value;
    }
    }

    frm.xm.value=str;
    } </SCRIPT> </HEAD> <BODY>
    <form name="myfrm">
    主食:
    <input type="checkbox" name="chk" value="米饭" onclick="getValue()">米饭
    <input type="checkbox" name="chk" value="饺子" onclick="getValue()">饺子
    <input type="checkbox" name="chk" value="包子" onclick="getValue()">包子 
    <br>水果:
    <input type="checkbox" name="fruit" value="桔子 " onclick="getValue()">桔子
    <input type="checkbox" name="fruit" value="香蕉" onclick="getValue()">香蕉
    <input type="checkbox" name="fruit" value="苹果" onclick="getValue()">苹果
    <br>
    <input type="text" name="xm" >
    </form>
     </BODY>
    </HTML>