【Axure】二级多选下拉列表

效果

1.单击下拉框弹出一级选项组,箭头变换方向

2.单击一级选项组弹出二级选项组

3.鼠标移入移出一级选项组和二级选项组选项时有浅蓝色移入移出填充效果

4.单击未选中或半选状态的一级选项,选中该一级选项及其对应的所有二级选项,并展示对应的二级选项

5.单击选中的一级选项,取消选中该一级选项及其对应的所有二级选项的,并展示对应的二级选项

6.单击未选中的二级选项,选中该二级选项,并判断同类目的二级选项是否都选中,若同类目的二级选项都选中则对应的一级选项处于全选状态;若同类目的二级选项有处于未选中状态的,则对应的一级选项处于半选状态

7.单击选中的二级选项,取消选中该二级选项。并判断对应的一级选项的状态。若同类目的二级选项都处于未选中状态,则对应的一级选项处于未选中状态;若同类目的二级选项有处于选中状态的,则对应的一级选项处于半选种状态。

8.单击下拉列表以外区域,收起两个选项组,箭头变换方向

概况

交互

  • 8
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值