Skip to main content
removeu 49 caracteres do conteúdo
Fonte Link
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>

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>

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 || 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>

removeu 49 caracteres do conteúdo
Fonte Link
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;

   if(this.previousElementSibling){,
      obj1.checked obj2 = false;this.nextElementSibling;

   }else{
obj1 ? obj1.checked = false : this.nextElementSiblingobj2.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>

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;

   if(this.previousElementSibling){
      obj1.checked = false;
   }else{
      this.nextElementSibling.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>

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>

Fonte Link
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;

   if(this.previousElementSibling){
      obj1.checked = false;
   }else{
      this.nextElementSibling.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>