求一个JS

倒，LZ 要求还挺高，哈写了一个，不满意自己改改，L@_@K <body>
  <table>
    <tr>
        <td>
            <input name="radGroup" type="radio" id="radOne" value="1" />One
            <input name="radGroup" type="radio" id="radTwo" value="2" />Two
            <input name="radGroup" type="radio" id="radThree" value="3" />Three
            <input name="radGroup" type="radio" id="radFour" value="4" />Four
        </td>
    </tr>
    <tr>
        <td id="tdContainer"></td>
    </tr>
  </table>
  <script type="text/javascript">
  <!--
var oOpt1 = document.getElementById("radOne");
var oOpt2 = document.getElementById("radTwo");
var oOpt3 = document.getElementById("radThree");
var oOpt4 = document.getElementById("radFour");var ocontainer = document.getElementById("tdContainer");function createTextBox() 
{
    var numCount = parseInt(this.value);
    var colChildren = ocontainer.childNodes;
    
    if (numCount >= colChildren.length)
    {
        for (var i=colChildren.length; i<numCount; i++)
        {
            var oRadio = document.createElement("input");
            oRadio.type = "text";
            ocontainer.appendChild(oRadio);
        }
    }
    else
    {
        for (var i=colChildren.length-1; i>numCount-1; i--)
        {
            ocontainer.removeChild(colChildren[i]);
        }
    }
};oOpt1.onclick = createTextBox;
oOpt2.onclick = createTextBox;
oOpt3.onclick = createTextBox;
oOpt4.onclick = createTextBox;  //-->
  </script>
 </body>

解决方案 »

  1.   

    <html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
        <title>无标题文档</title>
        <script>
        function aa(n) {
            var r = document.getElementsByTagName('input');    
            var e = event.srcElement;    
            if (e.type == 'radio') {
                for(var i = 0, l = r.length; i < l; i++) {
                    if (r[i].type == 'radio'){
                        r[i].checked = false;
                    }
                }        
                e.checked = true;        
                var shtml = ''
                for(var i = 0, l = n; i < l; i++){
                    shtml += '<input type="text">';
                }
                document.getElementById('div1').innerHTML = shtml;
            }
        }
        </script>
    </head><body>
        <div>
            <input name="a1" onclick="aa(1);" type="radio" />a1
            <input name="a2" onclick="aa(2);" type="radio" />a2
            <input name="a3" onclick="aa(3);" type="radio" />a3
            <input name="a4" onclick="aa(4);" type="radio" />a4
        </div>
        <div id="div1">
        </div>
    </body>
    </html>
      

  2.   

    <body>
      <table>
        <tr>
            <td>
                <input name="radGroup" type="radio" id="radOne" value="1" />One
                <input name="radGroup" type="radio" id="radTwo" value="2" />Two
                <input name="radGroup" type="radio" id="radThree" value="3" />Three
                <input name="radGroup" type="radio" id="radFour" value="4" />Four
            </td>
        </tr>
        <tr>
            <td id="tdContainer"></td>
        </tr>
      </table>
      <script type="text/javascript">
      <!--
    var oOpt1 = document.getElementById("radOne");
    var oOpt2 = document.getElementById("radTwo");
    var oOpt3 = document.getElementById("radThree");
    var oOpt4 = document.getElementById("radFour");var ocontainer = document.getElementById("tdContainer");function createTextBox() 
    {
        var numCount = parseInt(this.value);
        var colChildren = ocontainer.childNodes;
        
        if (numCount >= colChildren.length)
        {
            for (var i=colChildren.length; i<numCount; i++)
            {
                var oRadio = document.createElement("input");
                oRadio.type = "text";
                ocontainer.appendChild(oRadio);
            }
        }
        else
        {
            for (var i=colChildren.length-1; i>numCount-1; i--)
            {
                ocontainer.removeChild(colChildren[i]);
            }
        }
    };oOpt1.onclick = createTextBox;
    oOpt2.onclick = createTextBox;
    oOpt3.onclick = createTextBox;
    oOpt4.onclick = createTextBox;  //-->
      </script>
     </body>
     不知道生成的<input type=text>的name叫什么？
      

  3.   

    不建议使用 name 属性，而建议使用 id 属性！简单修改了一下，L@_@Kfunction createTextBox() 
    {
        var numCount = parseInt(this.value);
        var colChildren = ocontainer.childNodes;
        
        if (numCount >= colChildren.length)
        {
            for (var i=colChildren.length; i<numCount; i++)
            {
                var oRadio = document.createElement("input");
                oRadio.type = "text";
                // 添加 Id
                oRadio.id = "txt" + i;
                oRadio.value = oRadio.id;
                ocontainer.appendChild(oRadio);
            }
        }
        else
        {
            for (var i=colChildren.length-1; i>numCount-1; i--)
            {
                ocontainer.removeChild(colChildren[i]);
            }
        }
    };
      

  4.   

    这下楼主满意了没?<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
    <html>
    <head>
    <title> new document </title>
    <style type="text/css">
    td{ border:1px solid black; }</style>
    <script type="text/javascript">
    <!--
    function nameRule(idx){
    return "a" + idx;
    }
    function createInput(idx){
    var frag = document.createElement("fragelement");
    for(var i=1;i<=idx;i++){
    var input = document.createElement("INPUT");
    input.type="text";
    input.id = nameRule(i);
    input.name = nameRule(i);
    input.value = "name:" + input.name;
    frag.appendChild(input);
    }
    return frag;
    }
    function doClk(idx){
    var tar = document.getElementById("tabTest").rows[1].cells[0];
    tar.innerHTML = "";
    tar.appendChild(createInput(idx));
    }
    //-->
    </script>
    </head><body>
    <table id="tabTest" style="border:1px solid black; width:300px;">
    <tr>
    <td>
    <input type="radio" name="rdoAddText" onclick="doClk(1)"/>1&nbsp;
    <input type="radio" name="rdoAddText" onclick="doClk(2)"/>2&nbsp;
    <input type="radio" name="rdoAddText" onclick="doClk(3)"/>3&nbsp;
    <input type="radio" name="rdoAddText" onclick="doClk(4)"/>4
    </td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    </tr>
    </table></body>
    </html>