当前位置:网站首页>使用jq实现全选 反选 和全不选-冯浩的博客
使用jq实现全选 反选 和全不选-冯浩的博客
2022-07-06 09:29:00 【冯浩(grow up)】
思路:
首先调用jq文件
当点击全选的时候我们让他全部为true
当点击全不选的时候我们让他全部为false
当点击反选的时候 使用echo循环遍历checked 使用 !取反;
html部分
<input type="checkbox">
<input type="checkbox">
<button >全选</button>
<button >不全选</button>
<button'>反选</button>
js部分
// 点击全选
$('button:first').click(function(){
$(':checkbox').prop('checked',true);
})
// 点击全不选 eq:获取反选按钮
$('button:eq(1)').click(function(){
$(':checkbox').prop('checked',false);
})
// 点击反选
$('button:last').click(function(){
$(':checkbox').each(function(index,item){
item.checked = !item.checked;
})
})
边栏推荐
猜你喜欢
Share an example of running dash application in raspberry pie.
QT模拟鼠标事件,实现点击双击移动拖拽等
Kubernetes cluster deployment
C language must memorize code Encyclopedia
QT simulates mouse events and realizes clicking, double clicking, moving and dragging
分享一个在树莓派运行dash应用的实例。
本地可视化工具连接阿里云centOS服务器的redis
TCP's three handshakes and four waves
QWidget代码设置样式表探讨
Flask框架配置loguru日志库
随机推荐
去掉input聚焦时的边框
628. Maximum product of three numbers
Opencv learning log 28 -- detect the red cup cover
Data storage in memory & loading into memory to make the program run
(POJ - 3258) River hopper (two points)
Effet d'utilisation, déclenché lorsque les composants de la fonction sont montés et déchargés
JS call camera
Penetration test 2 --- XSS, CSRF, file upload, file inclusion, deserialization vulnerability
Codeforces Round #803 (Div. 2)A~C
1005. Maximized array sum after K negations
Install Jupiter notebook under Anaconda
969. Pancake sorting
useEffect,函數組件掛載和卸載時觸發
指定格式时间,月份天数前补零
QWidget代码设置样式表探讨
Codeforces Round #802(Div. 2)A~D
Auto. Getting started with JS
QT实现圆角窗口
Acwing: the 56th weekly match
Specify the format time, and fill in zero before the month and days