recolectar valores de checkbox por div

[Alexis88]

Esos valores booleanos deberían ser asignados a pseudo-atributos para que después los puedas seleccionar, pues la forma en que lo haces es incorrecta.

Código HTML:

<div id="1">
    <input type="checkbox" value="1" name="arrreglo[]" data-estado = "1" />
    <input type="checkbox" value="2" name="arrreglo[]" data-estado = "0" />
    <input type="checkbox" value="3" name="arrreglo[]" data-estado = "1" />
</div>
 
<div id="2">
    <input type="checkbox" value="1" name="arrreglo[]" data-estado = "1" />
    <input type="checkbox" value="2" name="arrreglo[]" data-estado = "0" />
    <input type="checkbox" value="3" name="arrreglo[]" data-estado = "0" />
</div>
  
<div id = "salida"></div>
 

Código Javascript:

var checks = document.querySelectorAll("[type=checkbox]"),
    salida = document.querySelector("#salida");
Array.prototype.forEach.call(checks, function(check){
   if (check.getAttribute("data-estado") === "1")
       salida.appendChild(check);
});
 

Lo que hago es recolectar a todos los checkbox y al <div> en donde se insertarán los que desees, luego, recorro el listado de checkbox y por cada uno compruebo el valor de su pseudo-atributo data-estado; de ser igual a 1, lo añado al <div>.

Saludos