O que eu quero fazer com o checkbox
, é o mesmo que o radio
faz usando o JavaScript.
Porque eu então simplesmente não uso o radio
?
É porque se o radio
aparecer marcado, não tem como eu deixá-lo desmarcado.
Sei que a lógica no JavaScript está certa, porque dá para ver pelo console.log
, mas quando eu clico em outro input
ele não desmarca o que está marcado.
var obj2 = "";
var box = document.querySelectorAll(".t");
box[0].addEventListener("click",selecionarGru);
box[1].addEventListener("click",selecionarGru);
function selecionarGru(){
if(obj2 == "" || obj2 == this){
if(obj2 == this){
obj2.removeAttribute('checked');
obj2 = "";
return;
}
obj2 = this;
obj2.setAttribute("checked","");
}else{
obj2.removeAttribute('checked');
obj2 = this;
obj2.setAttribute("checked","");
}
}
#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>