最新下载
热门教程
- 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会有底色,而后面的文字就没有。为了使整个项都出现底色,所以就要设置它的上一级的
实现代码:
前台:
相关文章
- 黑色四叶草魔法帝之道凡妮莎技能有哪些 10-14
- 怪物猎人旅人梅朵鹂怎么样 10-14
- 永恒之塔2滑翔技能有什么使用技巧 10-14
- 无限梦境世界威武如何打 10-14
- 斗罗大陆诛邪传说剑斗罗强度怎么样 10-14
- 永恒之塔2魔道星技能如何 10-14