checkbox根据是否选中隐藏或展示内容

时间:2024-04-01 12:50:55

checkbox根据是否选中隐藏或展示内容

大神绕过。

一开始从百度上找到了一些办法,或许是因为前端框架的冲突,没有达成想要的效果,现在自己总结了一个亲测可用的,但运行的话,或许会慢那么一丢丢丢,因为每次勾选都需要判断,不过说实话,这些也根本感觉不到。好了,进入正题。

1、首先是前端页面。常规的CheckBox,在这里我们用的是onclick事件。onchange事件的话也可以实现,但是我不喜欢。onclick还简单粗暴一些。
checkbox根据是否选中隐藏或展示内容
checkbox根据是否选中隐藏或展示内容

2、然后是js页面了,为什么前边说它可能慢一些呢,因为每次点击时都会判断当前按钮的选中状态,如图
checkbox根据是否选中隐藏或展示内容
这样就实现根据选中状态来显示隐藏div框了。