博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
多选框全选js
阅读量:5080 次
发布时间:2019-06-12

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

多选框全选

html:(引入jquery)

1 //全选2 3 4 //单选5 

通过click事件触发

js:

1 //多选 2 function selectAll(ck) { 3         var ckArr = $(".row-checkbox"); 4         var chb = $("#header-chb"); 5         if (chb.prop("checked")) { 6             ckArr.prop("checked", true); 7         } else { 8             ckArr.prop("checked", false); 9         }10 11 //单选12 function selectOne(ck) {13         var ckArr = $(".row-checkbox");14         $("#header-chb").prop("checked", ckArr.length == ckArr.filter(":checked").length ? true : false);}

 

转载于:https://www.cnblogs.com/hongqingfu/p/8268762.html

你可能感兴趣的文章
获取元素
查看>>
proxy写监听方法,实现响应式
查看>>
第一阶段冲刺06
查看>>
十个免费的 Web 压力测试工具
查看>>
EOS生产区块:解析插件producer_plugin
查看>>
mysql重置密码
查看>>
jQuery轮 播的封装
查看>>
一天一道算法题--5.30---递归
查看>>
JS取得绝对路径
查看>>
排球积分程序(三)——模型类的设计
查看>>
python numpy sum函数用法
查看>>
php变量什么情况下加大括号{}
查看>>
linux程序设计---序
查看>>
【字符串入门专题1】hdu3613 【一个悲伤的exkmp】
查看>>
C# Linq获取两个List或数组的差集交集
查看>>
HDU 4635 Strongly connected
查看>>
ASP.NET/C#获取文章中图片的地址
查看>>
Spring MVC 入门(二)
查看>>
格式化输出数字和时间
查看>>
页面中公用的全选按钮,单选按钮组件的编写
查看>>