jquery - 如果选中或取消选中子项，则复选框父级onclick

Question

check1 = $('.myCheckBox1');
check1Parent = $('.myBarElems:nth-child(4)');
check1Parent.click(function() {
    if(check1.is(':checked')){
        check1.prop('checked', false);
    }else{
        check1.prop('checked', true);
    }
    alert('clicked');
});

当我点击父母时，只显示警告，但代码无法正常工作：
未选中/取消选中该复选框...

DEMO

Answer 1

我在小提琴中看到了这个问题。您已在复选框HTML上使用 id =“myCheckBox1”，但在 javacript选择器中使用 .myCheckBox1 类来选择元素。所以元素将是未定义的，因为DOM中没有元素

这是工作小提琴http://jsfiddle.net/3zQX9/1/

check1 = $('#myCheckBox1');
check1Parent = $('.myBarElems:nth-child(4)');
check1Parent.click(function() {
  if(check1.is(':checked')){
     check1.prop('checked', false);
  }else{
     check1.prop('checked', true);
  }
  alert('clicked');
});