实现的效果就是,当页面中的CheckBoxList控件里面的多项按钮被选择打上√时,就更换背景颜色!
代码如下,将如下代码放到页面的Head区域!
<style type="text/css">
.ItemBgColor { BACKGROUND-COLOR: #6699cc }
</style>
<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;
if(isCheck==true)
{
objItem.parentElement.className = 'ItemBgColor';
}
else
{
objItem.parentElement.className = '';
}
}
}
</script>
========