jQuery的複選框does'n工作（選中和未選中）

Question

它不工作（爲什麼有人能解釋，請

function checkBox() 
    { 
     if($('.checkbox').prop('checked', true)) 
     { 
      $('body').css('background','yellow'); 
     } 
     else if ($('.checkbox').prop('checked', false)) 
      $('body').css('background','blue'); 
    } 

Answer 1

FIDDLE：https://jsfiddle.net/7rpeL2gu/4/

那答案 HTML：

<input class="checkbox" type="checkbox" /> 

JS：

$(document).ready(function(){ 
    $('.checkbox').on('click', function(){ 
    checkBox($(this)); 
    }); 
}); 

function checkBox($this){ 
    if($this.prop('checked')){ 
     $('body').css('background-color','yellow');} 
    else{ 
     $('body').css('background-color','blue'); } 
} 

附：你的代碼不起作用，因爲$(input).prop('checked', true) - 設置input到checked，但$(input).prop('checked')給你input.state的檢查。

PPS閱讀本https://api.jquery.com/prop/

Answer 2

.is()？ - 檢查當前匹配的一套對選擇，元素的元素，或者如果這些元素中的至少一個給定的參數匹配jQuery對象並返回true

if($('#checkbox').is(':checked')){ 
     $('body').css('background','yellow'); 
    } 
    else{ 
     $('body').css('background','blue'); 
    }