0

Preciso montar um questionário na tela com perguntas e alternativas trazidas de um banco de dados, é possível montar a tela com label e radiobuttons sem colocar um foreach no html, mas sim utilizando JavaScript?

Eu recebo o objeto desta forma:

inserir a descrição da imagem aqui

1 Resposta 1

1

Partindo do princípio que seu objeto tem essa estrutura, você pode montar os componentes e incluir em uma div usando innerHTML:

var obj = {
  "perguntas": [{
    "campanhaId": 1,
    "id": 1,
    "nome": "pergunta 1",
    "respostas": [
      "alternativa A",
      "alternativa B",
      "alternativa C"
    ]
  }, {
    "campanhaId": 2,
    "id": 1,
    "nome": "pergunta 2",
    "respostas": [
      "alternativa A",
      "alternativa B",
      "alternativa C"
    ]
  }]
};
var div = document.getElementById("perguntas")
  , texto = '';
obj.perguntas.forEach(function(item){
  texto += "<label>" + item.nome + "</label><br/>";
  item.respostas.forEach(function(res){
    texto += "<input type='radio' name='" +item.campanhaId+ "'>" + res + "</input><br/>";
  });
});

div.innerHTML = texto;
<div id="perguntas"></div>

1
  • 1
    Obrigado @Lucas, era exatamente isso que queria fazer.
    – scooby
    Commented 1/12/2016 às 14:49

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .