选中复选框出一文本框

选中复选框出一文本框 怎么做啊  
还有  我写一个复选框 怎么只有复选框 复选框后的字 不显示出来 
="<input type='checkbox'  name='checkbox'  value="提交修改"/>" 
就是说 只出一个复选框 这后面的 "提交修改" 没出来 是怎么回事 
我想选中 复选框后  能在后面出现一个文本框  怎么做啊  急啊  知道的  说一下 给点思路

解决方案 »

  1.   

    复选框的值是隐藏的 <input type='checkbox' name='checkbox' value="1" id='input1'/> <label for='input1'>提交修改</label>红色部分一致. 点击文字的时候会自动选定复选框.选定提交的时候提交value里面的值.
      

  2.   

    <input type='checkbox' name='checkbox' value="提交修改"/> 提交修改
      

  3.   

    显示如上两位所述，再添加个onclick事件就可以处理选中复选框后能在后面出现一个文本框功能
      

  4.   


    <script>
    function addTextBox(chk)
    {
        var nextObject=chk.nextSibling;
        if (chk.checked)
        {
             var newInput= document.createElement("input"); 
             newInput.type="text";
             newInput.id="newInput";
             newInput.name="newInput";
             if (nextObject&&nextObject.id!="newInput")
             {
                  chk.parentElement.insertBefore(newInput,nextObject);              }
             else if(!nextObject)
             {
               chk.parentElement.appendChild(newInput);              
             }
        }   
        else
        {
            if (nextObject&&nextObject.id=="newInput")
            {
                chk.parentElement.removeChild(nextObject);
            }
        }
    }
    </script>
    <input type='checkbox' onclick="addTextBox(this)" name='checkbox' value="1" id='input1'/> <span for='input1'>提交修改</span>
      

  5.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=GBK">
    <title>Untitled Document</title>
    </head>
    <body>
    <input type="checkbox" name="cb" id="cb" value="提交修改" onclick="showIpt(this);"/>提交修改
    <input type="text" name="ipt" id="ipt" style="display:none;">
    </body>
    <script type="text/javascript" language="JavaScript">
    function showIpt(obj){
    if (obj.checked) {
    document.getElementById("ipt").style.display = "inline";
    }else {
    document.getElementById("ipt").style.display = "none";
    }
    }
    </script>
    </html>