Jquery 复选框不起作用（选中和未选中）

Question

这是行不通的（为什么？有人可以解释一下吗

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

Answer 1

.is() - 根据选择器、元素或 jQuery 对象检查当前匹配的元素集，如果这些元素中至少有一个与给定参数匹配，则 return 为真。

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

Answer 2

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'); }
}

P.S。您的代码不起作用，因为 $(input).prop('checked', true) - 将 input 设置为 checked，但是 $(input).prop('checked') 给您 input.state 的选中。

P.P.S读这个https://api.jquery.com/prop/

Jquery 复选框不起作用（选中和未选中）

Jquery checkbox does'n work (checked and unchecked)

checkbox

jquery