javascript - jQuery或js检查复选框是否被选中

Question

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

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>

标签： javascriptjqueryhtml

Answer 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>