JSFiddle - React, Tailwind, and code Playground

by borisjavier

HTML

<div id="c">

</div>

JavaScript

const a = [{id_empresa: 1, id_planta: 1, name: 'Sangão','Localización': 'Rod. BR 101, km 362, número 2000, Sangão - SC, 88717-000'}, {id_empresa: 1, id_planta: 2, name: 'Pirula','Localización': 'Rua Coronel Vicente, 369, Curitiba, PR'}, {id_empresa: 1, id_planta: 3, name: 'Quilombo','Localización': 'Rua Vinte de Maio 380, Morro da Fumaça, SC, 88300-000'}]

const b = [0,1];

const divy = document.getElementById('c');


  let html = '';

  for (let i = 0; i < a.length; i++) {
    const planta = a[i];
    const id_planta = planta.id_planta;
    const name = planta.name;
    const isChecked = b.includes(id_planta) ? 'checked' : '';

    html += `<div class="custom-control custom-checkbox custom-control-inline">
                <input name="checkbox" id="checkbox_${id_planta}" type="checkbox" class="custom-control-input" value="${id_planta}" ${isChecked}>
                <label for="checkbox_${id_planta}" class="custom-control-label">${name}</label>
             </div>`;
  }

  divy.innerHTML = html;


//.addEventListener('click', generarHTML);