checkbox选中后无法取消的问题

不念不忘少年蓝@ 2022-06-17 02:52 537阅读 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 条评论，537人围观）

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

相关阅读

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

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

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

相关 bootstrap-table CheckBox点击获取当前选中/取消当前行对象，设置CheckBox默认选中

今天维护以前老项目时，碰到需要监听获取bootstrap-table CheckBox 的选中和取消事件，并做不同的处理，找了会才试出正确的方法，特此记录下。 ![water

忘是亡心i/ 2022年12月20日 12:40/ 0 赞/ 1107 阅读

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

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

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

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

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

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

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

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

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

相关 checkbox 的选中问题

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

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

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

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

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

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

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

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

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

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

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

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

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

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