seleccionar un radio buttons y crear a la vez inputs text

mohanik91 · #1 (**permalink**) 20/04/2014, 10:51

Hola buenas tengo un problema tengo 3 inputs radio button.

<input type="radio" name="element" id="uno" value="uno"> 1
<input type="radio" name="element" id="dos" value="dos"> 2
<input type="radio" name="element" id="tres" value="tres"> 3

lo que quiero hacer es que cuando selecciono un radio button por ejemplo el 2 se me creara 2 inputs text o si selecciono 3 se me crearan 3 inputs text.

He intentado recorrer los radio buttons pero no e crea ningún input estoy saturado

Gracias por la ayuda.

Djoaq · #2 (**permalink**) 20/04/2014, 18:16

Yo te recomendaría que usaras Jquery ... y que busques algún manual básico y sencillo ... merece la pena es muy potente y muy muy fácil de aprender! te pego el código que necesitas!

Código Javascript:

Ver original<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Ejemplo Funcionalidad Jquery</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
</head>
<body>
    
<script>
$(document).ready(function(){ 
    var areatexto = '<input type="textarea"/>';
    
    $("#uno").click(function(){
        $("#textarea").html(areatexto);
    });
    $("#dos").click(function(){
        $("#textarea").html(areatexto+areatexto);
    });
    $("#tres").click(function(){
        $("#textarea").html(areatexto+areatexto+areatexto);
    });
});
</script>
 
<input type="radio" name="element" id="uno" value="uno"> 1</input>
<input type="radio" name="element" id="dos" value="dos"> 2</input>
<input type="radio" name="element" id="tres" value="tres">3</input>
<div id="textarea"></div>
 </body>
</html>

Saludos!
Espero haberte ayudado!

mohanik91 · #3 (**permalink**) 20/04/2014, 18:30

Muchas gracias por la ayuda, pero habría alguna manera con DOM y no con JQuery

Muchas Gracias.

Djoaq · #4 (**permalink**) 21/04/2014, 03:24

No, necesitas algún lenguaje JavaScript o Jquery, php.... Etc.. Html No es un lenguaje es un sistema de "etiquetado" de texto y por ende no puedes alterar el Dom.

Un saludo.