最新下载
热门教程
- 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会有底色，而后面的文字就没有。为了使整个项都出现底色，所以就要设置它的上一级的
实现代码：
前台：