jquery实现全选、全消、反选功能
2024-08-31 02:40:52
HTML代码:
<input type="checkbox" name="checkbox" class="A" />
使用按钮来实现全选、全消、反选
<button id="checkAll">全选</button >
<button id="removeAll">全消</button >
<button id="reverse">反选</button >
jquery代码要求:1.项目中必须引入jquery,2.必须在<script></script>之中写
// 全选
$("#checkAll").click(function() {
$(".A").prop('checked',true);
});
// 全消
$("#removeAll").click(function() {
$(".A").prop('checked',false);
}); // 反选
$("#reverse").click(function(){
$(".A").each(function(){
$(this).prop('checked',!$(this).prop('checked'));
})
});
最新文章
- CoolPlist 帧动画自动生成工具
- linux下安装mysql
- 专业IT培训机构-传智播客
- 开发Portlet第三步:如何在Crystal Portlet中调用远程服务?
- 02 Linux 下安装JDK并测试开发“Hello World!”
- phpcms 03
- csu 1604 SunnyPig (bfs)
- 使用SQLdiag Utility搜集SQL Server诊断信息
- Oracle 基础查询知识点
- Android视频应用去广告学习实践
- SWT的CheckBoxTreeView
- NewTonJson.Net的使用
- (转)Java多线程之Lock的使用 (待整理)
- 截取ip 不加引号
- linux下挂载U盘
- js基本类型存放和对象存放的区别(对象遍历)
- 用python写个简单的小程序,编译成exe跑在win10上
- day043 前端css样式
- jquery mobil 和页面适应
- 使用android 隐藏类和方法