如何知道是否选中了复选框

Question

我正在尝试测试是否选中了复选框，或者我没有找到此解决方案，但我什么也没得到

if(document.getElementById('checkbox-1').checked) {
  alert("checked");
}

<input id="checkbox-1" class="checkbox-custom" name="checkbox-1" type="checkbox">

Answer 1

您必须触发单击甚至复选框，这将调用执行所需任务的函数。

示例如何操作： -

function checkClick(){
  if(document.getElementById('checkbox-1').checked) {
    alert("checked");
  }
}

<input id="checkbox-1" class="checkbox-custom" name="checkbox-1" type="checkbox" onclick="checkClick()"> <!-- trigger click event using onclick and calling a function -->

注意： - 您可以根据自己的意愿更改功能名称。

Answer 2

您需要触发事件。对于复选框，onchange事件会在值更改时随时触发。因此，您需要连接一个事件处理程序，它可以是函数引用或函数声明，如onchange="checkboxChanged()

＆＃13;

＆＃13;

function checkboxChanged(){
if(document.getElementById('checkbox-1').checked) {
		  alert('checked');
		}
    else{
      alert('Not checked');
    }
}

＆＃13;

<input id="checkbox-1" class="checkbox-custom" name="checkbox-1" type="checkbox" onchange="checkboxChanged()"/>

＆＃13;

＆＃13;

＆＃13;