jQuery或js选中if复选框

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>