如何在ASP.Net中更改CheckedlistBox所选值的颜色

时间:2012-08-30 05:46:57

标签: asp.net

我需要使用文本框搜索项目。如果它已创建我们需要在选中的列表框中突出显示该项目。我尝试如下

clbItems.Items[foundIndex].Attributes.Add("style", "background-color:#BBBBBB; color: white;");

通过删除“更新”面板来工作。

我在

中有以下代码
 for (int itemcount = 0; itemcount < (p as CheckBoxList).Items.Count; itemcount++)
                                        {
                                            if ((p as CheckBoxList).Items[itemcount].Text.ToUpper().StartsWith(txtClientSearch.Text.ToUpper()))
                                            {
                                                ListItem lst1 = new ListItem((p as CheckBoxList).Items[itemcount].Text);
                                                (p as CheckBoxList).Items.RemoveAt(itemcount);
                                                (p as CheckBoxList).Items.Insert(0, lst1);
                                                (p as CheckBoxList).Items[0].Attributes.Add("style", "background-color:yellow;color:Red");
                                            }

                                        }

任何人都可以建议我在Javascript中实现这一目标。

谢谢, 勒凯什。

1 个答案:

答案 0 :(得分:0)

这是你如何从代码背后的代码

  CheckBoxList1.Attributes.Add("onclick", "checkBoxList1OnCheck(this);");

如果你想使用javascripts,请参阅:

<form id="form1" runat="server">
 <asp:CheckBoxList id="CheckBoxList1" onclick="checkBoxList1OnCheck(this);" runat="server">
  <asp:listitem value="1">Item 1</asp:listitem>
  <asp:listitem value="2">Item 2</asp:listitem>
  <asp:listitem value="3">Item 3</asp:listitem>
 </asp:CheckBoxList>
</form>

<script type="text/javascript">
function checkBoxList1OnCheck(listControlRef)
{
 var inputItemArray = listControlRef.getElementsByTagName('input');

 for (var i=0; i<inputItemArray.length; i++)
 {
  var inputItem = inputItemArray[i];

  if ( inputItem.checked )
  {
   inputItem.parentElement.style.backgroundColor = 'Red';
  }
  else
  {
   inputItem.parentElement.style.backgroundColor = 'White';
  }
 }
}
</script>