Checkbox 的 checked 属性为 false 了，但是还是显示打钩怎么办？

Question

有多个 checkbox 只能选择一个 当有两个都被勾选，最后选的会让之前选的被取消打钩 我用下面的方法

    $(':checkbox[type="checkbox"]').each(function(){

        $(this).click(function(){

            if($(this).prop('checked')){

                $(':checkbox[type="checkbox"]').removeAttr('checked');

                $(this).prop('checked','true');

            }

        });

    });

可是调试发现 前面的勾选依然显示打钩，虽然他们的属性 checked 为 false 了 怎么回事？

之前用的是

$(':checkbox[type="checkbox"]'). .prop('checked', false);

这个不仅显示没有取消打钩

连属性 checked 都继续为 true

Answer 1

在html中checkbox标签只要有checked属性都会被选中，这里的checked是attribute，建议你单选用radio