使用JQuery实现全选和反选
题意:1.点击全选复选框,table里面的复选框就会被选中,点击反选复选框就
【使用JQuery实现全选和反选】是不被选中的状态;
2.选中其中的几个,点击反选复选框,被选中的这几个就是不被选中的状态,其余的是选中状态。
img
{
width: 50px;
height: 50px;
}
table
{
width: 600px;
height: 400px;
}
table tr td
{
border: solid 1px #eee;
}
全选type="checkbox" />反选
操作 | 编号 | 名称 | 作者 | 封面 | 单价 |
001 | 三国演义 | 罗贯中 | 文章图片 | 45 | |
002 | 西游记 | 吴承恩 | 文章图片 | 40 | |
003 | 水浒传 | 施耐庵 | 文章图片 | 50 | |
004 | 红楼梦 | 曹雪芹 | 文章图片 | 100 | |
005 | 家 | 巴金 | 文章图片 | 45 | |
006 | 茶馆 | 老舍 | 文章图片 | 35 |
下面就是程序运行的界面,
推荐阅读
- 由浅入深理解AOP
- 【译】20个更有效地使用谷歌搜索的技巧
- 关于QueryWrapper|关于QueryWrapper,实现MybatisPlus多表关联查询方式
- mybatisplus如何在xml的连表查询中使用queryWrapper
- MybatisPlus|MybatisPlus LambdaQueryWrapper使用int默认值的坑及解决
- MybatisPlus使用queryWrapper如何实现复杂查询
- python学习之|python学习之 实现QQ自动发送消息
- 事件代理
- 孩子不是实现父母欲望的工具——林哈夫
- opencv|opencv C++模板匹配的简单实现