Javascript - formular - dinámico anidada appendChild funciones

Question

Tengo una forma que cambia las InputFields en función de un botón de radio.

para el texto no aparece un cuadro de texto para el área de texto aparecen 2 campos adicionales para cols y filas para seleccionar, casilla de verificación y de radio aparecen campos adicionales con appendChild

echar un vistazo aquí: http://joomla.byethost16.com/php.php

Ahora lo que quiero es dejar que el usuario añada más params, param2, param3, etc.

Por desgracia, me hizo las funciones de js que desencadenan los campos de acuerdo con el botón de radio como esto

    function textarea(){    
if (document.getElementById('option2').checked = true){
    document.getElementById('feld').style.display = '';
        document.getElementById('feld2').style.display = '';
        document.getElementById('feld4').style.display = 'none';
}}

Para que significa que no tengo la dinámica en mi forma desde el id en esta función aún no es dinámico y onclick dará lugar a algo o solamente siempre el primer param1.

todos los parametros debería ser así pero de alguna manera los números y el JS-función para la radio cada vez mayor debería tomar demasiado

    <td>Param_1</td>
<td><p>
<input type="radio" onclick='text()' name="option0" id="option0" value="text" checked="yes">text
<input type="radio" onclick='spacer()' name="option0" id="option1" value="spacer">spacer
<input type="radio" onclick='textarea()' name="option0" id="option2" value="textarea">textarea
<input type="radio" onclick='selecta()' name="option0" id="option3" value="select">select
<input type="radio" onclick='radio()' name="option0" id="option4" value="radio">radio
<input type="radio" onclick='checkbox()' name="option0" id="option5" value="checkbox">checkbox</br>
<input type="hidden" name="fields" value="1" id="fields"  />

<div id="feld">
Name <input type="text" name="param1" id="param1" size="40" maxlength="40">
Default<input type="text" name="paramdef1" id="paramdef1" size="40" maxlength="40">
<div id="feld4" style="display:none;">
<input type="text" name="param11" size="40" value="value1" style="display: inline">
<a href=# onclick='add(1)'>add</a>  <a href=# onclick='reset()'>reset</a></div>
</div>

<div id="feld2" style="display:none;">
Columns<input type="text" name="cols1" size="20" maxlength="40">Rows<input type="text" name="rows1" size="20" maxlength="40"></div>


</td>
</tr>

¿Cómo puedo hacer que mi forma se pone de forma dinámica (como lo hice la opción "Agregar / reset" en casillas de verificación) y la gente puede añadir más params? Para el código completo por favor vaya aquí y ver la fuente: http://joomla.byethost16.com/php.php

THX tanto ayuda en este

Answer 1

Lo resuelto mediante el uso de $ (este) con un "clic" se unen a cada clase que se encuentra en los botones.

otra solución sería utilizar un plugin, por ejemplo http: // www .mdelrosso.com / sheepit / index.php? lng = es que es muy buena, pero Relys en una cierta estructura (hay que definir un índice en el formulario, el cual tiene que ser recurrido en el procesamiento en la mayoría de los casos ya algunos pueden ser index_vars userwise omitida.)