Iterate array in input element

Question

I need to generate a radio element according to the selection of a field. I’m having difficulties generating the block:

need to fill Radius value in that block according to the array setting below:

var horario = ['quinta/10:00:00', 'quinta/21:00:00','sexta/10:00:00','domingo/15:00:00']; 

 <div id="valores">
    <input class="sr-only" name="dias" type="checkbox" value="" ><span class="checkbox-label">
    </span></input>
</div>

Answer 1

You can do this by creating inputs with HTML strings in Javascript:

var horario = ['quinta/10:00:00', 'quinta/21:00:00', 'sexta/10:00:00', 'domingo/15:00:00'];

var inputs = horario.map(function(h) {
  return [
    '<input class="sr-only" name="dias" type="checkbox" value="', h, '" />',
    '<span class="checkbox-label">', h, '</span>'
  ].join('');
}).join('<br>');

document.getElementById('valores').innerHTML = inputs;

<div id="valores">

</div>