【www.gdgbn.com--背景特效】
效果如下图:实现原理:
通过为CheckBoxList绑定一个前台的onclick事件,来实现选择项的颜色改变。由于CheckBoxList的Item在前台会变成如下标签:
(i为item的序号)
(ItemText为item的文字)
如果单单是为document.getElementById(cbl_i)指定样式的话,那只有那个CheckBox会有底色,而后面的文字就没有。为了使整个项都出现底色,所以就要设置它的上一级的标签的样式。
实现代码:
前台:
<script language="javascript">
function ChangeSelectedItemColor(checkBoxListId, numOfItems)
{
// Get the checkboxlist object.
var objCtrl = document.getElementById(checkBoxListId);
if(objCtrl == null)
{
return;
}
for(i = 0; i < numOfItems; i++)
{
var name=checkBoxListId+':'+i;
var objItem = document.getElementById(checkBoxListId + '_' + i);
var isCheck = objItem.checked;