JavaScript - Radio button no muestra texto contiguo

 
Vista:

Radio button no muestra texto contiguo

Publicado por Edd (2 intervenciones) el 18/12/2016 20:36:12
Hola, que tal. Actualmente esto tratando de aprender sobre desarrollo web de forma autodidacta.

Estoy tratando de hacer un formulario que genere una tabla editable, unos radio buttons y un botón simple por medio de JavaScript. Lo de la tabla y el botón ya lo tengo. Mi problema es con los radio buttons.

Por alguna razón sí se generan los radio button pero el texto o la descripción junto a él no aparece, aunque en el código HTML si se muestran. A continuación. Les el código JavaScript para generar los radio button y el código HTML generado.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
 //Agregando inputs para los radio button
    var add_radios  = Array(3);
    var text_radios = Array("Esquina Noreste","Costo Minimo", "Vogel");
    var add_div     = document.createElement("div");
    for (var i = 0; i < add_radios.length; i++) {
      add_radios[i] = document.createElement("input");
      add_radios[i].appendChild(document.createTextNode(text_radios[i]));
      add_radios[i].setAttribute("type", "radio");
      add_radios[i].setAttribute("name", "metodos");
      add_div.appendChild(add_radios[i]);
    }
    section.appendChild(add_div);

Parte del HTML generado
y3mLDe-FU0PaoeEAFYyU4HBs85FAak7h7WT_WKCKuXyKcyGpc6dpHLlBwt4tyKjQqEoZxZ47DZIcTEc0olmQH1U0sMlVUeskbjQ3Z-3718Ji6e8ygqWjPiRxTvwg6kN4ceXdKvLh1eI_9GeX7z3H3b0O3lMfKbIZUfhECZGJ5Xpbbs
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Alejandro
Val: 477
Bronce
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Radio button no muestra texto contiguo

Publicado por Alejandro (130 intervenciones) el 18/12/2016 23:50:06
Hola Edd, intenta hacerlo con esto:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
//Agregando inputs para los radio button
var add_radios  = Array(3);
var text_radios = Array("Esquina Noreste","Costo Minimo", "Vogel");
var add_div     = document.createElement("div");
for (var i = 0; i < add_radios.length; i++) {
  add_radios[i] = document.createElement("INPUT");
  add_radios[i].setAttribute("type", "radio");
  add_radios[i].setAttribute("name", "metodos");
 
  var label = document.createTextNode(text_radios[i])
 
  add_div.appendChild(add_radios[i]);
  add_div.appendChild(label);
 
}
section.appendChild(add_div);

Lo que hago es crear un nodo de texto y agregarlo junto al input de tipo radio, es decir como un nodo hermano (no como un nodo hijo).

Comentanos si te sirvio Saludos.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
2
Comentar

Radio button no muestra texto contiguo

Publicado por Edd (2 intervenciones) el 19/12/2016 00:32:02
Excelente. Funcionó a la perfección. Mil gracias.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar