复选框全选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>

相关阅读:
pr为什么要remove assign？
悲观锁与乐观锁介绍，优缺点
传输层之UDP协议
IB 化学考纲巨变，全面分析新旧考纲区别
Docker24:compose下载安装步骤 + compose核心概念 +常用命令
百家饭OpenAPI平台秋季更新-API网关功能全新上线
poj 2182 Lost Cows （树状数组 || 线段树）
Bootstrap 框架学习笔记（基础）
“现在没有人能离开Linux一天”——Linux基金会发布2021年度报告
这个户型设计前端图形化技术，你可能一辈子也学不会！

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

复选框 全选or取消全选

效果

代码

复选框全选or取消全选