最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
自动改变CheckBoxList选择项目的背景颜色
时间：2022-07-02 12:06:29 编辑：袖梨 来源：一聚教程网
效果如下图：
实现原理：
通过为CheckBoxList绑定一个前台的onclick事件，来实现选择项的颜色改变。由于CheckBoxList的Item在前台会变成如下标签：
(i为item的序号)
（ItemText为item的文字）
如果单单是为document.getElementById(cbl_i)指定样式的话，那只有那个CheckBox会有底色，而后面的文字就没有。为了使整个项都出现底色，所以就要设置它的上一级的标签的样式。
实现代码：
前台：
实现原理：
通过为CheckBoxList绑定一个前台的onclick事件，来实现选择项的颜色改变。由于CheckBoxList的Item在前台会变成如下标签：
(i为item的序号)
（ItemText为item的文字）
如果单单是为document.getElementById(cbl_i)指定样式的话，那只有那个CheckBox会有底色，而后面的文字就没有。为了使整个项都出现底色，所以就要设置它的上一级的
实现代码：
前台：
相关文章
- 怎样开启phpStudy服务器 09-22
- 三分钟掌握PHP操作数据库 09-22
- Binance Windows 11 客户端怎么下载和安装？ 09-22
- Binance Mac 版在哪里下载？桌面端安装步骤 09-22
- 币安电脑版官方下载教程：Windows 与 macOS 安装方法 09-22
- Binance App Download：Android、iPhone 和 PC 版本说明 09-22