javascript - jQuery 选择复选框

Question

当用户单击图像时，我使用 jquery 打开和关闭复选框。

这是我的代码:

function clickimage(e){
    chkbox = e.parent().children('.chkBox');
    if(chkbox.is(":checked")){
        chkbox.attr('checked', false);
    }else{
        chkbox.attr('checked', true);
    }
}

当我第一次单击图像时，复选框会被选中。当我再次单击图像时，该复选框被取消选中。但问题是，此后，该复选框将永远不会再次被选中。

我尝试验证 chkbox.is(":checked") 并且它确实返回 false 值。我把检查代码放在 chkbox.attr('checked', true); 之后，它也返回 false 值。

为什么会这样？我该如何修复它？

谢谢。

Answer 1

这样做:

function clickimage(e){
    chkbox = e.parent().children('.chkBox');
    if(chkbox.is(":checked")){
        chkbox.prop('checked', false);
    }else{
        chkbox.prop('checked', true);
    }
}

您应该使用 .prop() 而不是 .attr()