V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
esolve
V2EX  ›  问与答

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

  •  
  •   esolve · 2017-12-13 18:57:22 +08:00 · 1997 次点击
    这是一个创建于 2537 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

            $(':checkbox[type="checkbox"]').each(function(){
                $(this).click(function(){
                    if($(this).prop('checked')){
                        $(':checkbox[type="checkbox"]').removeAttr('checked');
                        $(this).prop('checked','true');
                    }
                });
            });
    

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

    esolve
        1
    esolve  
    OP
       2017-12-13 23:14:46 +08:00
    顶顶顶
    Fishdrowned
        2
    Fishdrowned  
       2017-12-13 23:33:17 +08:00
    前面是 $(this).prop('checked'),后面是 .removeAttr('checked'),少年你的内心很矛盾啊。

    把 .removeAttr('checked') 改成 .prop('checked', false);
    esolve
        3
    esolve  
    OP
       2017-12-14 09:59:48 +08:00 via iPhone
    @Fishdrowned 试过,没用,效果一样的啊,
    esolve
        4
    esolve  
    OP
       2017-12-14 10:38:48 +08:00
    @Fishdrowned 说错了,

    我之前用的是

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

    这个不仅显示没有取消打钩
    连属性 checked 都继续为 true
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2603 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 04:44 · PVG 12:44 · LAX 20:44 · JFK 23:44
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.