Tenho um form com vários checklist. Ao clicar o array é salvo no textarea.
Pergunta
Supondo que os dados já estão salvos no BD, quando a pessoa for editar, como fazer para carregar os checkbox que já foram marcados?
$(document).on("click", "input[name='ar']", function() {
let ar = $(".panel input[name='ar']").serializeArray();
console.log(JSON.stringify(ar))
document.getElementById("arrayAres").innerHTML = JSON.stringify(ar);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="accordion"># AR 1</button>
<div class="panel">
<p>
<input type="checkbox" name="ar" /> BVBV
<input type="checkbox" name="ar" /> GFGF
<input type="checkbox" name="ar" /> AFAFA
</p>
</div>
<button class="accordion"># AR 2</button>
<div class="panel">
<p>
<input type="checkbox" name="ar" />GFHG
<input type="checkbox" name="ar" />JHJHK
<input type="checkbox" name="ar" />KILIL
</p>
</div>
<button class="accordion"># AR 3</button>
<div class="panel">
<p>
<input type="checkbox" name="ar" />TYT
<input type="checkbox" name="ar" />FAFG
<input type="checkbox" name="ar" />GJK
</p>
</div>
<textarea name="" id="arrayAres" rows="5" placeholder="arrayAres"></textarea>