Skip to main content
2 de 3
removeu 49 caracteres do conteúdo
Sam
  • 80,8mil
  • 22
  • 73
  • 128

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>

Sam
  • 80,8mil
  • 22
  • 73
  • 128