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>

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>

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

1 个答案: