取消

layui动态设置checkbox选中状态


今天在使用jquery动态设置layui的checkbox元素的选中状态时始终只能取消选中,却不能重新勾选,点击勾选则没有问题,代码如下

1
2
3
4
5
if (value == "true") {
    $("#select1").attr("checked", "checked");
} else {
    $("#select1").removeAttr("checked");
}

百度很久终于找到一个可用的解决方案,使用prop代替attr,如下:

1
2
3
4
5
6
7
if (value == "true") {
    //$id.attr("checked", "checked");
    $id.prop("checked", true);
} else {
    $id.prop("checked", false);
    //$id.removeAttr("checked");
}

本文会经常更新,请阅读原文: https://dashenxian.github.io/post/layui%E5%8A%A8%E6%80%81%E8%AE%BE%E7%BD%AEcheckbox%E9%80%89%E4%B8%AD%E7%8A%B6%E6%80%81 ,以避免陈旧错误知识的误导,同时有更好的阅读体验。

知识共享许可协议

本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可。欢迎转载、使用、重新发布,但务必保留文章署名 小神仙 (包含链接: https://dashenxian.github.io ),不得用于商业目的,基于本文修改后的作品务必以相同的许可发布。如有任何疑问,请 与我联系 (125880321@qq.com)

登录 GitHub 账号进行评论