如何在jqiuery中实现反选功能?

 时间:2024-10-13 06:05:48

1、简单的结构文件,如图所示主要是要引入jquery插件,

如何在jqiuery中实现反选功能?

2、然后在html文件引入js文件,并创建一个ul作为选择项,最底部是一些操作按钮

如何在jqiuery中实现反选功能?

3、这里是复选框的全选和全不选择操作js,就是遍历所有的,如果复选框选中则取消所有选择项,否则选中所有项

如何在jqiuery中实现反选功能?

4、这里同样的,点击全选就将所有的选择项选中,否则取消所有的选中项

如何在jqiuery中实现反选功能?

5、这个方法试反选,就是将已经选中的取消选选中,未选中的设置为选中状态

如何在jqiuery中实现反选功能?

6、这个试获取所有选中的项的值,可以用来其他操作,进行遍历即可

如何在jqiuery中实现反选功能?

7、这个是效果图,这里就不具体测试每一项功能了,

如何在jqiuery中实现反选功能?
  • 骨女《决战!平安京》中技能是什么?
  • vegas Pro 19如何创建字幕样式的方法
  • 十个月宝宝喉咙痛怎么办
  • vegas如何将素材从修剪器中打开?
  • 卡通农场怎么在土地上收割和种植作物?
  • 热门搜索
    取环后多久可以要孩子 怎么提高学习成绩 荣威360怎么样 广州有哪些旅游景点 太湖旅游 月经过后几天可以同房 空调显示尘满怎么办 青海旅游包车 中国旅游业 枫桥景区