JSFiddle - React, Tailwind, and code Playground

HTML

<label class="checkbox">
  <input type="checkbox" class="checkbox__input">
  <span class="checkbox__text">label</span>
</label>

<label>
  <input type="checkbox">
  <span>label</span>
</label>

<label>
  <input type="checkbox">
  <span>label</span>
</label>

JavaScript

var checkboxs = document.querySelectorAll(".checkbox");

for (var i = 0; i < checkboxs.length; i++) {
	checkboxs[i].addEventListener("click", function (e) {
		var t = e.currentTarget;
		console.log(t);
	});
}