jquery - 如何处理标签点击+复选框点击？

Question

当单击复选框时，我对表单运行一些验证，这按预期工作。

$('#ilikeicecream').click(function(){
     runValidation();
});

该复选框还有一个标签元素，因此我也需要检查它。我的第一 react 是执行以下操作:

$('#ilikeicecream-label').click(function(){
     runValidation();
});

问题是此时尚未选中该复选框，因此验证无法按预期进行。我该如何解决这个问题？

Answer 1

这应该适合你......

$('#ilikeicecream').change(function(){
     runValidation();
});

$('#ilikeicecream-label').click(function(){
     if($('#ilikeicecream').attr('checked')){
          $('#ilikeicecream').attr('checked', false);
     }
     else{
          $('#ilikeicecream').attr('checked', true);
     }
     runValidation();
});