generar html segun radiobuttom

JAK^ · #1 (**permalink**) 23/06/2011, 15:40

buenas como estan?, bueno tengo el siguiente problema,

tengo un radio buton que al activarse deso que a una tabla le agregue una fila y al desactivarse se la elimine

en el codigo el radio esta un una tabla y la fila que quiero que se aguregue esta en otra tabla mas abajo...

intente varias maneras pero la verdad no logro hacerlo
es lo que tengo

function preciobm() {
var filaPreciobm="";
if (document.getElementById("radio-pago").checked==true) {

filaPreciobm='<tr><td height="33"><label id="label-precio-bm" >Precio: $</label></td><td colspan="2"><label><input name="campo-precio-bm" type="text" class="txtinput" id="campo-precio-bm" style="width:50px;" onkeydown="checkbm()"/></label></td> </tr> ';}
else {
filaPreciobm="";
}
return filaPreciobm;
}

saludos!

Naahuel · #2 (**permalink**) 23/06/2011, 19:09

Podría ser algo así:
http://jsbin.com/ojohuh

Código fuente:

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
  
  <script>
    //creo los elementos fuera de la funcion
     var nueva_fila =  document.createElement('tr');
     nueva_fila.innerHTML = '<td>Valor Agregado</td><td>Otro Valor agregado</td>';
    
    function agregar_fila(){
      var check = document.getElementById('agregar-fila');
      var tabla = document.getElementById('mi-tabla');
      if(check.checked){
        tabla.appendChild(nueva_fila);
      }else{
        tabla.removeChild(nueva_fila);
      }
    }
  </script>
 
</head>
<body>
  <input id="agregar-fila" type="checkbox" onchange="agregar_fila();" />
  <label for="agregar-fila">Agregar/Quitar Fila</label>
 
<table id="mi-tabla" border="1" width="400">
  <tr><th>Hola</th><th>Titulo</th></tr>
  <tr><td>Valor</td><td>Otro Valor</td></tr>
</table>
</body>
</html>