最新下载
热门教程
- 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会有底色,而后面的文字就没有。为了使整个项都出现底色,所以就要设置它的上一级的
实现代码:
前台:
相关文章
- 秘塔猫写作网页版直达-秘塔写作猫官网入口 03-22
- 鸣潮3.2声骸管理方案套装码合集-声骸管理方案是设置弃置还是锁 03-22
- 鸣潮3.2版本更新内容-鸣潮「于影中启明的决心」3.2版本内容说明 03-22
- 归环抽卡概率有多高 03-22
- duyin抖音官网首页-网页版入口地址 03-22
- 奇漫屋免费版下载入口安卓版-奇漫屋app下载安装官方正版 03-22