Использование флажка в связанной кнопке с этим флажком

Question

Кнопка связана с флажком значения. Когда я нажимаю кнопку, значение флажка изменяется, но когда я выбираю флажок, оно автоматически отменяется, потому что оно находится в той же кнопке. Как я могу решить это легко

if (document.getElementsByClassName("AUTO_SHUTDOWN_TOGGLE")[$(this).val() - 1].checked == false) {
  document.getElementsByClassName("AUTO_SHUTDOWN_TOGGLE")[$(this).val() - 1].checked = true;
} else {
  document.getElementsByClassName("AUTO_SHUTDOWN_TOGGLE")[$(this).val() - 1].checked = false;
}

<button class="AUTO_SHUTDOWN_BUTTON" value="5"><span>Auto Shutdown</span>
<input type="checkbox" class="AUTO_SHUTDOWN_TOGGLE"></button>