请教这样的效果如何实现？

点击左边的checkbox，右边有相应的文字出现。现在急需
如何实现？谢谢！

解决方案 »

  1.   

    onclik事件 改变右边的文字就是
      

  2.   


    funcion changetext(tt)
    {
     var aa =document.getElementById("aa");
    if(tt == "a")
     aa.innerHTML = "aa";
    }
      

  3.   

    function changeText()
    {
            var cb = document.getElementById("checkbox1");
            if(cb!==null && cb.checked)
            {
                document.getElementById("textbox1").innerText="asdf";
             }
    }
      

  4.   

    <input type=checkbox onclick='document.getElementById("inp").value=this.checked?this.value:"";)' value='safd'>
    <input type=input id='inp' value='safd'>
      

  5.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <style type="text/css">
            div { width: 500px; height: 24px; }
        </style>    <script type="text/javascript">
            function getValue() {
                var cbs = document.getElementsByName("cb");
                var txts = document.getElementsByName("txt");
                for (var i = 0; i < cbs.length; i++) {
                    if (cbs[i].checked == true) {
                        txts[i].value = cbs[i].value;
                    }
                }
            }
        </script></head>
    <body>
        <div>
            <input type="checkbox" name="cb" value="Roses are red" onclick="getValue()" />Roses
            are red
            <input style="float: right" type="text" size="10" name="txt" /></div>
        <div>
            <input type="checkbox" name="cb" value="If at first you don't succeed" onclick="getValue()" />If at first
            you don't succeed
            <input style="float: right" type="text" size="10" name="txt" /></div>
        <div>
            <input type="checkbox" name="cb" value="Four score" onclick="getValue()" />Four score
            <input style="float: right" type="text" size="10" name="txt" /></div>
    </body>
    </html>
      

  6.   

    if判断后面加                else if (cbs[i].checked == false) {
                        txts[i].value = "";
                    }取消选择时可以消掉文本的值；