checkbox选中后无法取消的问题

不念不忘少年蓝@ 2022-06-17 02:52 552阅读 0赞

input标签页：

<input type="checkbox" name="">
    <input type="button" name="clickme" id="clickme" onclick="toggle()" value="全选／取消">

问题代码：

function toggle(){
        var state = document.getElementsByTagName("input")[0].getAttribute("checked");
        console.log(state);
        if(state == "checked"){
            console.log("false");
            document.getElementsByTagName("input")[0].setAttribute("checked","");
        }else{
            document.getElementsByTagName("input")[0].setAttribute("checked","checked");
        }
    }

没问题的代码：

function toggle(){
        var state = document.getElementsByTagName("input")[0].checked;
        console.log(state);
        if(state == true){
            console.log("false");
            document.getElementsByTagName("input")[0].checked = null;
        }else{
            document.getElementsByTagName("input")[0].checked = true;
        }
    }

**这里问题的关键在于attribute和property的区别！！！**  
如果你使用的是jQuery，正确的写法应该是使用prop方法：  
栗子：

$("#CheckedAll").click(function () { 
         if ($(this).is(":checked")) {
             $("[name=items]:checkbox").prop("checked", true);
         } else {
             $("[name=items]:checkbox").prop("checked", false);
         }
     });

发表评论取消回复

表情：

评论列表（有 0 条评论，552人围观）

还没有评论，来说两句吧...

相关阅读

相关 uni-data-checkbox无法选中

问题描述今天在使用uni-data-checkbox时候发现文字选中了，单选的小圆圈没有出来。在浏览器模拟手机显示的效果和在安卓手机上显示的效果都和下面的图一样。 !

我就是我/ 2024年02月05日 16:45/ 0 赞/ 26 阅读

相关【Layui】------- checkbox 监听选中并取消其它选中

> <input type="checkbox" lay-skin="primary" class="checkboxs" lay-filter="checkboxs"

末蓝、/ 2023年07月01日 06:26/ 0 赞/ 30 阅读

相关 checkbox选中后无法取消的问题

input标签页： <input type="checkbox" name=""> <input type="button" name="clickme" i

不念不忘少年蓝@/ 2022年06月17日 02:52/ 0 赞/ 553 阅读

相关 checkbox的选中和取消：attr() prop()

首先要明确，CheckBox是否被勾选中![SouthEast][]和input的checked这个attribute是否="checked"是没有直接关系的。一个没有写相

今天药忘吃喽~/ 2022年06月01日 13:18/ 0 赞/ 316 阅读

相关实现radioButton选中后取消选中状态

function setDeSelectRadionButton(obj){ var radioCheck= $(obj).val();

痛定思痛。/ 2022年05月23日 22:12/ 0 赞/ 346 阅读

相关 checkbox 的选中问题

通过 checkbox 里面的checked属性来控制checkbox的选中与否 <checkbox value="\{ \{item.name\}\}" checked

骑猪看日落/ 2022年05月12日 01:26/ 0 赞/ 248 阅读

相关 ext的grid默认选中行时选中后立即取消问题

我想用ext写一个grid，显示数据时选中其中的一行或几行，发现每次页面打开后grid的复选框都是被选中后立即又取消给选中操作增加延迟，发现这种情况就没有啦 <html>

布满荆棘的人生/ 2022年03月11日 13:53/ 0 赞/ 302 阅读

相关 jQuery操作CheckBox的方法(选中,取消,取值)详解

1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 2. <HTML>

分手后的思念是犯贱/ 2022年01月22日 23:43/ 0 赞/ 654 阅读

相关 jquery checkbox点击选中，再点击取消选中

if(n==1){ if($("abs1").is(':checked')){ $("abs1"

刺骨的言语ヽ痛彻心扉/ 2021年12月04日 06:39/ 0 赞/ 488 阅读

相关点击一层，选中/取消选中当前层下面的checkbox

js： function checked(div)\{ //div.innerHTML="点击这个层了！" var tags = document.getElem

客官°小女子只卖身不卖艺/ 2021年09月10日 04:24/ 0 赞/ 437 阅读