Você pode usar previousElementSibling
e nextElementSibling
para saber qual checkbox
está clicando.
Ao clicar no primeiro checkbox
, o previousElementSibling
será null, logo fica fácil saber se o checkbox
clicado foi o segundo, aí basta desmarcar o outro.
Veja:
var box = document.querySelectorAll(".t");
box[0].addEventListener("click",selecionarGru);
box[1].addEventListener("click",selecionarGru);
function selecionarGru(){
var obj1 = this.previousElementSibling,
obj2 = this.nextElementSibling;
obj1 ? (obj1.checked = false :|| obj2).checked = false;
}
#tudo1{
background: green;
width: 200px;
height: 200px;
}
.t{
width: 20px;
height: 20px;
margin: 30px 0 0 80px;
background: red;
}
<div id="tudo1">
<input type="checkbox" class="t">
<input type="checkbox" class="t">
</div>