JSFiddle - React, Tailwind, and code Playground

HTML

<div id="tudo1">
  <input type="checkbox" class="t">
  <input type="checkbox" class="t">
  <input type="checkbox" class="t">
</div>

CSS

#tudo1{
  background: green;
  width: 200px;
  height: 200px;
}
.t{
  width: 20px;
  height: 20px;
  margin: 30px 0 0 80px;
  background: red;
}

JavaScript

var elements  = document.querySelectorAll('.t');
elements.forEach(function(value, key){
	elements[key].addEventListener("click",selecionar);
});

function selecionar(item)
{
	let marked = this.checked;
  
	elements.forEach(function(value, key){
    elements[key].checked = false;
  });
  
  if(marked === true) this.checked = true;
}