Jquery实现全选反选

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script src="../jquery-3.5.0.min.js"></script>
</head><body><input type="checkbox" id="a1">全选 <input type="button" value="反选" id="a3"><br /><input type="checkbox" class="a2"> 张三 <br /><input type="checkbox" class="a2"> 李四<br /><input type="checkbox" class="a2"> 王五<script>//设置全选$('#a1').click(function (){let flag = $(this).prop('checked'); // 获得点击的按钮的选中状态 ，true /false.$('#a1,.a2').prop('checked', flag);//  if(flag){//      $('#a1,.a2').prop('checked',true);//  }else{//     $('#a1,.a2').prop('checked',false);//  }});// 设置小按钮的选中状态$('.a2').click(function (){xiao(); // 调用});//设置反选$('#a3').click(function () {   let xz = $('.a2'); // 获取所有的复选框xz.each(function (elm){ // 利用jq中的 each 遍历 所有的复选框$(this).prop('checked',!$(this).prop('checked')); // 直接将复选框的状态取反// 取反后要判断此时的 复选框是否全都选中了， 直接调用封装的函数；xiao();})});// 封装函数： 复选框的选中状态function xiao(){let sy = $('.a2').length; // 获得所有的复选框的个数let xz= $('.a2:checked').length; // 获得所有 复选框的选中个数$('#a1').prop('checked', sy== xz); // 将复选框的所有个数个跟 复选框的选中个数 的判断结果赋值给 全选按钮。};</script>
</body></html>

Jquery实现全选反选相关推荐

Jquery控制全选反选
//全选/反选 $("#allSelect").click(function () { var isChecked = $(this).is(": ...
功能选中jquery实现全选反选功能
时间紧张,先记一笔,后续优化与完善. 全选功能 $(function () { $('#allchecked').click(function () { ...
jQuery全选反选实例
1. $('#tb:checkbox').each(function(){ 每次都会执行全选-取消操作,注意$('#tb :checkbox').prop('checked',true); tb后面 ...
jQuery如何动态删除TR，input按钮删除本行记录,checkbox全选反选
checkbox 全选反选 1: var i = 1; 2: function CheckAllTeacher() { 3: if (i % 2 == 1) { 4: i++; 5: $(" ...
jquery的全选，全不选，反选
jquery的全选,全不选,反选: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind=&q ...
JQuery全选反选随其他checkbox自动勾选全选反选
工作中的代码片段写出来留作以后对比参考网上没找到自己想要的全选反选代码干脆自己写了个比较臃肿的相信还有更加简单的方法 jquery代码 ============================ ...
关于JQuery全选/反选第二次失效的问题
最近在项目中,遇到一个问题,测试全选/反选功能时,第一次对母框进行选中/非选中时,能同步子框的全选/反选状态,之后再点击母框,子框就没反应了.原代码大致结构关键如下: function selectA ...
js、jquery操作复选框checkbox总结（单个/多个获取选中值、初始化设置默认选中值、全选反选）
一.单个复选框使用label标签可以点击文字就能选中复选框或者是取消选择复选框 label标签的两种使用方法: https://blog.csdn.net/qq_40015157/article ...
Jquery实现全选和反选
Jquery实现全选和反选简介我们在开发的过程中一定对全选和反选很熟悉,这些功能都是伴随着我们的开发的道路上的,我们点击一个按钮就能实现对当前页的所有的数据进行全部选中或者取相反的数据的作用,我相 ...

Jquery实现全选反选

Jquery实现全选反选

Jquery实现全选反选相关推荐

最新文章

热门文章

Jquery实现 全选反选

Jquery实现 全选反选

Jquery实现 全选反选相关推荐

最新文章

热门文章

Jquery实现全选反选

Jquery实现全选反选

Jquery实现全选反选相关推荐