如何在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如何将素材从修剪器中打开?
  • 卡通农场怎么在土地上收割和种植作物?
  • 热门搜索
    安全法制手抄报内容 节约用水的手抄报 文明礼仪手抄报诗歌 六年级手抄报 三爱三节手抄报图片 关于地震的手抄报 宣传普通话手抄报 放飞中国梦手抄报 消防安全手抄报大全 小学生二年级手抄报