分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

JS ?全选、全不选、反选

发布时间:2023-09-06 02:33责任编辑:傅花花关键词:暂无标签
function checkReturn(obj) { ???????????????var objIds = obj.value; ???????????????//当没有选中某个子复选框时,checkboxall取消选中 ???????????????if (!$("#subcheck").checked) { ???????????????????$("#checkboxall").attr("checked", false); ???????????????} ???????????????// 获取subcheck的个数 ???????????????var chsub = $("input[type=‘checkbox‘][id=‘subcheck‘]").length; ???????????????// 获取选中的subcheck的个数 ????????????????var checkedsub = $("input[type=‘checkbox‘][id=‘subcheck‘]:checked").length; ???????????????if (checkedsub == chsub) { ???????????????????// 控制全选按钮的选中 ???????????????????$("#checkboxall").attr("checked", true); ????????????????} ???????????} ???????????function funcCheckAll() { ??????????????????// 判断全选按钮是否是已选中状态 ??????????????????// $("#checkboxall").prop("checked")说明已选中 ??????????????????// JQuery版本不同,if条件不同 ??????????????????if ($("#checkboxall").prop("checked")) { ??????????????????????// 将各个子单选按钮设为选中状态 ??????????????????????$(‘input[name=ids]‘).attr(‘checked‘, ‘checked‘); ??????????????????} else { // 此时全选按钮起到反选作用 ???????????????????????// 将选中状态改为非选中 ??????????????????????$(‘input[name=ids]‘).removeAttr(‘checked‘); ??????????????????} ??????????????????// 将‘全不选‘按钮置为非选中状态 ??????????????????$(‘input[name=checkboxNotall]‘).removeAttr(‘checked‘); ??????????????????// 将‘反选‘按钮置为非选中状态 ??????????????????$(‘input[name=checkboxInverse]‘).removeAttr(‘checked‘); ???????????} ???????????function funcCheckNotAll() { ???????????????????// 将选中状态改为非选中 ??????????????????$(‘input[name=ids]‘).removeAttr(‘checked‘); ??????????????????// 将‘全选‘按钮置为非选中状态 ??????????????????$(‘input[name=checkboxbutton]‘).removeAttr(‘checked‘); ??????????????????// 将‘反选‘按钮置为非选中状态 ??????????????????$(‘input[name=checkboxInverse]‘).removeAttr(‘checked‘); ???????????} ???????????function funcCheckInverse() { ???????????????// 将‘全选‘按钮置为非选中状态 ??????????????????$(‘input[name=checkboxbutton]‘).removeAttr(‘checked‘); ??????????????????// 将‘全不选‘按钮置为非选中状态 ??????????????????$(‘input[name=checkboxNotall]‘).removeAttr(‘checked‘); ??????????????????// 获取所有子选框 ??????????????????var checkDelete = document.getElementsByName("ids"); ??????????????????for(var i=0; i<checkDelete.length; i++) { ??????????????????????// 判断全选按钮是否是已选中状态 ??????????????????????if (checkDelete[i].type == "checkbox" && checkDelete[i].checked) { ??????????????????????????// 将子选框设为非选中状态 ??????????????????????????checkDelete[i].checked = false; ??????????????????????} else { ???????????????????????????// 将子选框设为选中状态 ??????????????????????????checkDelete[i].checked = true; ??????????????????????} ??????????????????} ???????????}

JS ?全选、全不选、反选

原文地址:https://www.cnblogs.com/yichenscc/p/10387333.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved