Lo pondré simple, si me funciona la primer ocasión, inicia desmarcado y si doy click al div este es marcado, lo hago de nuevo, se desmarca, pero otra vez y ya no funciona.
index.html
<div onclick="checak(this)" id="ajio">
<input type="checkbox" name="uno">
<p>Matería</p>
</div>
js.js
function checak(div) {
let allCheck = $("#"+ div.id + " > input[type=\"checkbox\"]");
let ajio = allCheck.is(":checked") == true ? allCheck.attr("checked", false) : allCheck.attr("checked", true);
console.log(ajio.is(":checked"));
}
No se si es necesario explicar pero es así, al dar click se buscan todos los checkboxes dentro del div (esto lo hago porque si lo consigo pues agregaré mas checkboxes), luego la variable ajio examina si los checkboxes dentro del div están chekados, si no los marca, y si lo están pues los desmarca, si existe una forma mas sencilla, o pueden ver que error tengo en esto, necesito su ayuda, a y si creen que es mejor que simplemente consiga las id de los checkboxes entonces también díganme.
Pdt: ignoren los nombres, es solo una prueba.
function checak(div) {
let allCheck = $("#"+ div.id + " > input[type=\"checkbox\"]");
let ajio = allCheck.is(":checked") == true ? allCheck.attr("checked", false) : allCheck.attr("checked", true);
console.log(ajio.is(":checked"));
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div onclick="checak(this)" id="ajio">
<input type="checkbox" name="uno">
<p>Matería</p>
</div>