【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;

本文来源:http://www.gdgbn.com/wangyetexiao/5321/