怎么取消选中的checkbox？

Posted 2023-05-10

就是之前选中了选项，当跳出提示框时，我点击取消，这个选中的checkbox就不被选中了 怎么弄？

这是js代码，求高手指导？
这是第一步 我选中了checkbox

第二步，弹出提示框，点击取消

第三步，我想要的是，checkbox恢复未被选中状态

可我的项目里还是选中的状态 大神们怎么操作

参考技术A 方法一、在空白桌面上点击右键 -- 排列图标 -- 在桌面上锁定Web项目如果该选项前有一个“√”，点一次去掉“√”，就能回原样了。没有“√”就点两次，试试看。 方法二、右键点击我的电脑 -- 属性 -- 高级 -- 点击“性能”下面的“设置”按钮，在“视觉效果”选项卡上，直接选“自定义”，然后在下面的众多选项里，在“在桌面上为图标标签使用阴影”选项前面的打勾 -- 确定 方法三、对于由acktive desktop 引起的问题，用下述方法可能可以解决： 在桌面点击右键 -- 属性 -- 桌面 -- 自定义桌面 -- web -- 将“网页”栏中的“当前主页”以及“http//.”等所有各项前面的勾全部去掉（“http//”为从Internet添加网页或图片的地址，一般不需要，可将它们全部删除），并将下面“锁定桌面项目”前面的勾也去掉，单击确定，OK。

全选取消2级 checkbox的选中切换

需求：点击父级checkbox的时候，子级出现全选或全取消；点击子级时，如：子级都是在未选中时，点击某一个子级，则父级选中；如：子级中只有一个选中状态（其他子级都是未选中），点击该子级，则父级也改为未选中状态；

HTML代码：

<dl class="set-list">
  <dt>
    <input type="checkbox" name="plateName" value="18" checked>
     百事通</dt>
  <dd>
    <input type="checkbox" name="channelName18" value="22" checked>
     找工作</dd>
  <dd>
    <input type="checkbox" name="channelName18" value="23" checked>
     新楼盘</dd>
  <dd>
    <input type="checkbox" name="channelName18" value="26" checked>
     找房子</dd>
  <dd>
    <input type="checkbox" name="channelName18" value="27" checked>
     二手交易</dd>
  <dd>
    <input type="checkbox" name="channelName18" value="28" checked>
     生活服务</dd>
  <dd>
    <input type="checkbox" name="channelName18" value="29" checked>
     同城交友</dd>
  <dd>
    <input type="checkbox" name="channelName18" value="30" checked>
     宠物服务</dd>
  <dd>
    <input type="checkbox" name="channelName18" value="31" checked>
     车辆买卖</dd>
</dl>

　　全选或取消：

$("dt input[name=plateName]").click(function () {
        var c = $(this).attr("checked");
        if ($(this).is(":checked")) {
            $(this).parent().siblings("dd").find("input[type=checkbox]").attr("checked", "checked");
        } else {
            $(this).parent().siblings().find("input[type=checkbox]").removeAttr("checked");
        }
    });

　　点击第一个或最后一个子级，改变父级checkbox的勾选状态：

$("dl.set-list dd").click(function () {
        var t = 0;//为选中
        if ($(this).children().is(":checked")) {
            t = 1;
        }
        var n = 0;
        var cond = $(this).parent().children("dd").find("input");
        for (var i = 0; i < cond.length; i++) {
            if (cond[i].checked == true)
                n++;
        }
        if (n == 0 && t == 0) {
            //将父级取消
            $(this).siblings("dt").children().removeAttr("checked");
        }
        if (n == 1 && t == 1) {
            //将父级勾选
            $(this).siblings("dt").children().attr("checked", "checked");
        }
    });

　　这样就可以实现上述，如有其他更简单的方法，望告知；

 

 

　　　　　　　　　　　　　　  --记录铭心！