js书写左侧树右侧列表单击动态刷新选人,我都觉得我挺nb

本文详细介绍了在页面上实现单选与多选功能的具体步骤,包括如何通过单击事件控制checkbox的状态,以及如何在按钮群中添加或删除对应ID,确保功能的正确性和用户体验。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 

首先上一张效果图

下图单选

下图左侧多选

页面还没有优化自动伸缩。大家凑活看

单选实现

首先给每一列添加单击checkbox事件

箭头处是在绑定单击事件

下图是我的单击触发事件

其中dateCheck为一个空容器。在最上面定义

其次还有一个

是显示按钮的地方

整个流程为单击checkbox触发

获取checked状态判断如果选中则把当前主键添加到datecheck

循环datecheck和button。添加所有存在的按钮

反之则删除button群中此id

然后在删除datecheck中此id

下面

此图是为了还原checkbox单击状态

上图是查询和datecheck的操作

 

下图是单击左侧树的处理

基本逻辑就差不多了

真是我自己都觉得自己nb 大神看到勿喷。毕竟我是后端

写这篇文章的目的纯粹就是记个笔记。怕自己忘了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值