JSFiddle - React, Tailwind, and code Playground

by yeuem1vannam

HTML

My Checkbox: <input id="checkBox" type="checkbox" />
<br/>
Submit: <input type="submit" id="compLink" style="display: none;" value="Submit Me" disabled />

JavaScript

const checkbox = document.getElementById('checkBox')
const submit = document.getElementById('compLink');

checkbox.addEventListener('change', (event) => {
  if (event.target.checked) {
    submit.style.display = 'inline';
    submit.removeAttribute('disabled');
  } else {
    submit.style.display = 'none';
    submit.addAttribute('disabled');
  }
})