如何知道复选框是否被选中答案

【问题标题】：How to know if a checkbox is checked如何知道复选框是否被选中
【发布时间】：2017-09-14 18:09:57
【问题描述】：

我正在尝试测试是否选中了一个复选框我找到了这个解决方案，但我什么也没得到

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

&lt;input id="checkbox-1" class="checkbox-custom" name="checkbox-1" type="checkbox"&gt;

【问题讨论】：

复制stackoverflow.com/questions/2204250/…
Check if checkbox is checked with jQuery的可能重复
实际上并没有任何“事件”来触发该 JavaScript。也许这应该在复选框被选中时发生？也许在“改变”上？
OP实际上并不要求事件捕获，只是如何测试检查状态
@ProgrammerV5 这些是 jQuery 答案，现在是原生 JS

标签： javascript jquery html

【解决方案1】：

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

举个例子：-

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

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

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

【讨论】：

在现代，我们不应该鼓励使用内联事件处理程序。此外，这个问题与许多其他问题重复。
@Amal 很高兴为您提供帮助。 :):)
这取决于如何使用内联事件处理程序。为了学习，可以使用此代码。此外，在这个问题中，OP 说它不起作用。这意味着 OP 正在询问为什么警报不起作用。

【解决方案2】：

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

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

&lt;input id="checkbox-1" class="checkbox-custom" name="checkbox-1" type="checkbox" onchange="checkboxChanged()"/&gt;

【讨论】：