希望能在上面点击checkbox,下面的文本区域出现checkbox的值,点击取消后,文本区也消失

解决方案 »

  1.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE>demo</TITLE>
      <META http-equiv="content-type" content="text/html;charset=gbk"/>
      <META NAME="Generator" CONTENT="CSS">
      <META NAME="Author" CONTENT="zhangqian">
      <META NAME="Keywords" CONTENT="mydemo">
      <META NAME="Description" CONTENT="this is my demo">
      <LINK rel="stylesheet" type="text/css" href=""></LINK>
      <style type="text/css">
    body
    {

    }
      </style>

      <script type="text/javascript" src=""></script>  </HEAD>
      <BODY>
    <input type="checkbox" onclick="test(this)" value="1" id="first" >1
    <input type="checkbox"  onclick="test(this)" value="2" id="second"  >2
    <input type="checkbox"  onclick="test(this)" value="3" id="third"  >3<div id="result">
     
    </div>
    <script type="text/javascript">
    function test(obj)
    {
    if(obj.checked==true)
    {
         document.getElementById("result").innerHTML+="<span id='display"+obj.id+"'>  "+obj.value+"  </span>";
    }else
    {
    document.getElementById("result").removeChild(document.getElementById("display"+obj.id));;
    }
    }
     
    </script> </BODY>
    </HTML>
      

  2.   

    <html><head><title></title>
    <script language="javascript" type="text/javascript">
    function test(obj){
        if(obj.id!="myCancle"){
            if(obj.checked){
                document.getElementById("c4").value=document.getElementById(obj.id).value;
            }else{
                document.getElementById("c4").value="";
            }
        }else{
            document.getElementById("c4").value="";
        }
    }
    </script>
    </head><body">
    1:<input type="checkbox" value="1" id="c1" onchange="test(this)">
    2:<input type="checkbox" value="2" id="c2" onchange="test(this)">
    <input type="button" onclick="test(this)" value="cancle" id="myCancle">
    <br />
    <input type="text" id="c4">
    </body></html>
      

  3.   

    十分感谢,但是如何实现点击两个checkbox,两个值东鞥传过去呢,现在前面的一个会被后面的覆盖掉
      

  4.   

    十分感谢,请问,如何实现勾选多个checkbox,文本区域能显示多个value,现在的后一个会被前一个覆盖
      

  5.   

    document.getElementById("c4").value+=document.getElementById(obj.id).value;
      

  6.   

    确实可以同时显示多个value,但是这样的话,如果取消一个勾选,全部的数值都没有了,不太方便,可否解决?
      

  7.   

    将#2的改了下。你试试。<html><head><title></title>
    <script language="javascript" type="text/javascript">
    function test(obj){
        if(obj.id!="myCancle"){
            if(obj.checked){
                document.getElementById("c4").value+=obj.value;
            }else{
        var reg=new RegExp(obj.value , "g"); 
                document.getElementById("c4").value=document.getElementById("c4").value.replace(reg,'');
            }
        }else{
            document.getElementById("c4").value="";
        }
    }
    </script>
    </head><body">
    1:<input type="checkbox" value="1" id="c1" onchange="test(this)">
    2:<input type="checkbox" value="2" id="c2" onchange="test(this)">
    <input type="button" onclick="test(this)" value="cancle" id="myCancle">
    <br />
    <input type="text" id="c4">
    </body></html>
      

  8.   

    var a = document.getElementById("c4").value;
      

  9.   

    我用PHP写后台,这个该如何存进PHP变量里面呢