在带有该复选框的链接按钮中使用复选框

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>