复选框全选or取消全选

效果

代码


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>复选框 全选or取消全选title>
head>
<body>
<input class="allChoose" id="cbTrigger" type="checkbox">
<br>
<input name="idCB" value="id1" type="checkbox"> aa
<input name="idCB" value="id2" type="checkbox"> bb
<input name="idCB" value="id3" type="checkbox"> cc
<input name="idCB" value="id4" type="checkbox"> dd
<script src="${pageContext.request.contextPath}/admin/js/jquery.3.6.0.js">script>
<script>
    $("#cbTrigger").change(function (){
        if($("#cbTrigger").is(':checked')){
            $("input[name='idCB']").attr("checked","true");
        }else {
            $("input[name='idCB']").removeAttr("checked");
        }
 
    })
script>
body>
html>

相关阅读:
Java教程：一文搞懂hashmap是否线程安全
家政小程序的开发：打造现代式便捷家庭服务
一键搞定，火车站媒体信息发布系统解决方案
Python期末复习题：字符串与产生随机数
sentinel整合nacos持久化
vscode类似GitHub Copilot的插件推荐
十三、【画笔工具组】
k-均值聚类
登峰造极,师出造化,Pytorch人工智能AI图像增强框架ControlNet绘画实践,基于Python3.10
基于javaweb的宿舍管理系统（idea+servlet+jsp+jdbc）

原文地址：https://blog.csdn.net/angel_devil1/article/details/126189111

复选框 全选or取消全选

效果

代码

复选框全选or取消全选