JSFiddle - React, Tailwind, and code Playground

by alexb

HTML

<ul>
  <li><label><input type="checkbox">Foo</label></li>
  <li><label><input type="checkbox">Bar</label></li>
  <li><label><input type="checkbox">Baz</label></li>
  <li><label><input type="checkbox">Bop</label></li>
</ul>
<p>Toggle a checkbox</p>

JavaScript

document.querySelector('ul').addEventListener('change', function(e) {
	// e.target is the checkbox that was changed
	document.querySelector('p').innerText = e.target.parentNode.innerText + ' was changed';
});