Question

Hola a todos, tengo el siguiente arreglo que viene de una base de datos

["1","2","3","4","5"]

quiero generar una función que me genere los mismos 5 radiobuttons en un archivo HTML, lo estoy haciendo con JavaScript y ajax, no se como hacerle para generarlos a partir de esta respuesta que sale de un servicio, el servicio lo mando llamar a partir del url del mismo y me imprime el arreglo que mencione arriba, lo que quiero es que me genere esa respuesta en radiobuttons, no se si me di a entender de cualquier forma seguiré en el camino de averiguar como hacer esto, de antemano muchas gracias y si tengo primero la solución la vendré a dejar por aqui como siempre.

Saludos

Answer 1

Entiendo que ese arreglo lo tienes en una variable. Te explico mi forma de hacerlo que no sé si es la más correcta con jQuery.

Con jQuery

var html_radios = '';

$.getJSON('URL_DE_TU_SERVICIO', function(data){
  $.each(data, function(value){
    html_radios += '<input type="radio" name="radios" value="' + value + '" >';
  });

  $('ELEMENTO_CONTENEDOR').append(html_radios);
});

/*EXPLICACIÓN*/
/*Creamos una variable vacia*/
/*Llamamos al servicio y esperamos respuesta*/
/*Iteramos por cada elemento y lo agregamos como una plantilla a la variable*/
/*El operador += concatena cada string generado con el valor de la varible*/
/*Agregas al contenedor el html generado*/
/*Es recomendable encapsular este código en una función para hacerlo reutilizable*/

Espero que te sirva. Si lo prefieres también te lo puedo pasar en JS plano.

Un saludo.