jQuery或js检查复选框是否被选中[重复]答案

【问题标题】：jQuery or js check if checkbox is checked [duplicate]jQuery或js检查复选框是否被选中[重复]
【发布时间】：2019-04-11 18:32:37
【问题描述】：

我试图让复选框在选中时触发警报。这是我下面的代码。我在这里做错了什么？

var $isgdpr = $("#isgdpr").is(':checked');
if ($isgdpr) {
  alert('Checked!');
};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label class="switch">
    <input type="checkbox" id="isgdpr" checked="checked">
</label>

【问题讨论】：

我将您的代码放在了一个 sn-p 中，它工作得非常好。如果您希望在更改复选框时这会起作用，请将您的代码放在 change 事件处理程序中。
当我选中复选框时，它没有弹出警告框。甚至您为我更正的代码都没有（我运行了 sn-p）。
如上所述，它只在负载时运行。如果您希望在更改复选框时运行逻辑，则需要将代码包装在更改事件处理程序中。有关详细信息，请参阅副本
我已经扩展了这个问题。我应该打开一个新线程吗？
问题没有改变。除非您打算询问完全不同的主题，否则您无需打开任何内容。你读过我标记的副本了吗？甚至是下面的答案？两者都能解决您的问题。

标签： javascript jquery html

【解决方案1】：

您的代码在页面加载时工作，但如果您想在选中/取消选中复选框时运行它，您应该将它放在复选框的 onchange 事件处理程序中

$("#isgdpr").change(function(){
  if ($(this).is(':checked'))
    alert('Checked!');
});

$("#isgdpr").change(function(){
  if ($(this).is(':checked'))
    console.log('Checked!');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label class="switch">
  <input type="checkbox" id="isgdpr">
</label>

【讨论】：