Javascript telerik:RadToggleButton根据所选值改变颜色

Javascript telerik:RadToggleButton根据所选值改变颜色,javascript,telerik,Javascript,Telerik,我有多个telerik:RadToggleButton。这可能有四种状态,分别为“是”、“不适用”、“否”。我试图找到一个通用代码来改变按钮的颜色的基础上的按钮上的文本 下面是我的aspx代码 <telerik:RadToggleButton ID="btnToggleB1ops" runat="server" AutoPostBack="False" Font-Size="14px"> <ToggleStates>

我有多个telerik:RadToggleButton。这可能有四种状态,分别为“是”、“不适用”、“否”。我试图找到一个通用代码来改变按钮的颜色的基础上的按钮上的文本

下面是我的aspx代码

 <telerik:RadToggleButton ID="btnToggleB1ops" runat="server" AutoPostBack="False" Font-Size="14px">
                <ToggleStates>
                    <telerik:ButtonToggleState Text=" " />
                    <telerik:ButtonToggleState Text="Yes" />
                    <telerik:ButtonToggleState Text="No" />
                    <telerik:ButtonToggleState Text="N/A" />
                </ToggleStates>
            </telerik:RadToggleButton>
 <telerik:RadToggleButton ID="btnToggleA2" runat="server" AutoPostBack="False" Font-Size="14px">
                <ToggleStates>
                    <telerik:ButtonToggleState Text=" " />
                    <telerik:ButtonToggleState Text="Yes" />
                    <telerik:ButtonToggleState Text="No" />
                    <telerik:ButtonToggleState Text="N/A" />
                </ToggleStates>
            </telerik:RadToggleButton>


一个JavaScript代码,它可以为任何切换按钮工作,显示绿色为“是”,“红色为“否”,“N/A为蓝色

> P>”,您可以考虑使用具有属性

的每个状态的图标更改。
 PrimaryIconCssClass="yourIcon"
如表1所述

另外,我也会考虑一些解决办法。您可以订阅单击按钮上的事件,然后在以下情况下执行简单操作:

If (btn.Text == "Yes")
{
   btn.Background = Brushes.Green
}
等等

使用CSS

。已选中{
背景色:白色!重要;
}
.凹痕{
背景色:棕褐色!重要;
}