博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
checkbox全选/全不选,子复选框全选父复选框选中
阅读量:6986 次
发布时间:2019-06-27

本文共 945 字,大约阅读时间需要 3 分钟。

/* 父复选框 */
var optionListAll = $('.optionListAll');var allList= $('[name="optionList"]'); var listLength = allList.length;// 父复选框全选/全不选optionListAll.on("click", function() {   var self = $(this);   var state = self.prop('checked');   allList.each(function() {
    var that = $(this); state ? that.prop('checked', true) : that.prop('checked', false); // 判断父复选框是否选中,选中则子复选框全部选中 })});//子复选框 allList.each(function() {  var that = $(this); that.on('click', function () {    var selectedListLength = $('[name="optionList"]:checked'); // 选中的长度    for(var i = 0; i < listLength; i++) {      if(!allList[i].checked) { // 子复选框有一个没选择,父复选框不选        optionListAll.prop('checked', false); } } if( selectedListLength.length === listLength) { // 子复选框都选择,复选框选中       optionListAll.prop('checked', true); } });

 

转载于:https://www.cnblogs.com/duanfuying/p/8287359.html

你可能感兴趣的文章
【CodeForces 604B】F - 一般水的题1-More Cowbe
查看>>
eclipse调试java程序的九个技巧
查看>>
用JS获取地址栏参数的方法
查看>>
巴特沃斯(Butterworth)滤波器 (2) - 双线性变换
查看>>
iOS 小知识点(持续更新)
查看>>
iOS人脸识别(CoreImage)
查看>>
java.net.SocketException: Software caused connection abort: socket write error
查看>>
MySQL 随机取数据效率问题
查看>>
ArcGIS for Desktop入门教程_第八章_Desktop学习资源 - ArcGIS知乎-新一代ArcGIS问答社区...
查看>>
根据id查询数据(向前台返回json格式的数据)
查看>>
JMeter中3种参数值的传递
查看>>
hive操作语句使用详解
查看>>
根据指定类型计算两个日期相差的时间
查看>>
【转】【Linux】linux awk命令详解
查看>>
EasyUI ---- draggable购物车
查看>>
Jdom读取XML文件
查看>>
Spring Boot 配置文件 – 在坑中实践
查看>>
研究技术心得
查看>>
在windows搭建jenkins測试环境
查看>>
Inspect a new tab · cyrus-and/chrome-remote-interface Wiki
查看>>