复选框保持未选中状态/点击事件处于选中状态吗？

Question

我试图查看一个复选框是对还是错，然后警告某个复选框是另一个复选框，但是我似乎无法弄清楚自己在做什么错。 最终，如果复选框为true，我想设置一个cookie。 谁能帮我解决这个问题？ 现在，它不断提醒您。

$('#night-mode').on('click', function(){

    $('#team-select').css('background', '#313131');
    $('.color').css('background', '#313131');
    $('html .game-cards, body .game-cards').css('background', '#737373');
    $('html .menu li a, body .menu li a').css('color', '#9ecd1a');
    $('html .menu select, body .menu select').css('background', '#9ecd1a');
    if ($('input.night-mode').prop('checked', false)){
        alert('hello')
    } else if($('input.night-mode').prop('checked', true)){
        alert('not-checked')
    }
});

Answer 1

您将使用.prop(propName, newValue)设置选中的属性。 您只需要访问它的值。

 $('#night-mode').on('click', function(){ if ($(this).prop('checked')){ alert('hello') } else { alert('not-checked') } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> Night Mode? <input type="checkbox" id="night-mode" value="nm">