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对象检查当前匹配的元素集，如果这些元素中至少有一个与给定的参数匹配，则返回true。

   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复选框确实有效（已选中和未选中）

2 个答案: