可惜不让上传图片
不知道有没有见过那样的效果。
如:
华东 上海 江苏 浙江 安徽 江西
每个前面都有个复选框,除开 华东 以外各个省后面有个倒三角图标,点击就弹出另外一个图层,显示省下面的各个城市。各个城市前面也有复选框。
效果:
1、点击省前面的复选框,默认就把倒三角里面的所有城市选中了
2、也可以不选择省,只单独选择倒三角里面的部分城市。
3、选中华东,对应的省又全部被选中。
4、保存后,显示,如果选择的是省就显示省,如果选择的是市就显示市。
这个效果可以用 JavaScript 和 HTML 实现。
你可以使用 HTML 的 元素来实现复选框,并使用 JavaScript 来监听点击事件并执行相应的操作。
具体来说,你可以给省的复选框设置一个事件监听器,在点击时根据当前的选中状态来决定是否将对应的城市的复选框全部选中。
另外,你还可以使用一个图层来显示省下面的城市,并使用 JavaScript 监听倒三角图标的点击事件,在点击时显示或隐藏这个图层。
最后,在保存后,你可以使用 JavaScript 来遍历所有选中的复选框,然后根据选中的内容来显示相应的省或城市。