Eu tenho uma estrutura igual a essa
<ul id="nomes">
<li class="classli">
<div class="Nome">Pedro</div>
<div class="data">13/09/2017</div>
<input class="check" type="checkbox">
</li>
<li class="classli">
<div class="Nome">Lucas</div>
<div class="data">13/09/2017</div>
<input class="check" type="checkbox">
</li>
</ul>
Estou usando esse JS para gerar o ul/li
var obj = JSON.parse(req.responseText);
document.getElementById("tabLista").innerHTML = "";
var mydiv = document.getElementById("tabLista");
var minhaul = document.createElement("ul");
minhaul.setAttribute("id", "sul");
var novali = document.createElement("li");
var novadivtipo = document.createElement("div");
var novadivnome = document.createElement("div");
var novadivtamanho = document.createElement("div");
var novocheckbox = document.createElement("input");
novali.setAttribute("class", "classli");
novadivtipo.setAttribute("class", "tipo");
novadivtipo.setAttribute("id", "Tipo" + R);
novadivnome.setAttribute("class", "nomediv");
novadivtamanho.setAttribute("class", "tamanhodiv");
novocheckbox.setAttribute("class", "checkdelete");
novocheckbox.setAttribute("type", "checkbox");
img.setAttribute("class", "Icon");
novadivtipo.appendChild(img);
novali.setAttribute("id", (obj.Lista[R].Nome));
novali.appendChild(novadivtipo);
novali.appendChild(novadivnome);
novali.appendChild(novadivtamanho);
novali.appendChild(novocheckbox);
minhaul.appendChild(novali);
mydiv.appendChild(minhaul);
Meu json que estou usando para gerar o html
{
"d": "api",
"Lista": [
{
"Data": "12/12/2017",
"Nome": "Lucas"
}
],
"arq": "3",
"pasta": "5"
}
Eu quero clicar na checkbox de cada li e enviar o valor de cada nome para uma array e mudar o fundo da li para uma outra cor, e quando a checkbox for desmarcada remover a mesma da array, eu achei a solução somente com jquery, mas eu gostaria de uma ajuda para resolver esse problema somente com js puro.
Obrigado pela ajuda :)
ul
/li
?Pedro
eLucas
vêm do mesmo JSON? ou tens um json por elemento? Acho que me estou a lembrar de uma outra pergunta tua... ias buscar os dados um a um certo? então tens algures uma arrays de jsons?