手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何在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中实现反选功能?
© 手抄报圈