在RadInput中更改按钮的样式

Question

您好我需要根据某些条件更改Radinput控件中按钮的图像。

我定义了以下样式    .MyButton    {      background：url（'Error.png'）0 0 no-repeat！important;    }

.MyButton_1    {      background：url（'SupportsNotes.png'）0 0 no-repeat！important;     background-color：红色！重要    }

我的控制权是

现在，如果我输入的某个值超出范围，或者如果日期是未来日期，则我想要将按钮中的图像更改为MyButton_1 CSS类中的“SupportsNotes.png”。我无法找到任何方法来动态设置按钮的css类。

我想在javascript中执行此操作。你能帮帮我吗？

感谢。

此致 拉姆亚

Answer 1

看看......所有内容都很好地解释了：http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/

Answer 2

谢谢。我尝试了一些解决方案并找到了一个。我发布在这里。可能有人可能需要这个

Radtextbox控件

＆lt; telerik：RadTextBox ID =“RadTextBox4”runat =“server”Skin =“Outlook”ShowButton =“true”             ButtonCssClass =“MyButton”TextMode =“MultiLine”Label =“1.2 Name”AccessKey =“N”             AutoPostBack =“false”CausesValidation =“true”ClientEvents-OnBlur =“test”＆gt;＆lt; telerik：RadTextBox＆gt;

test是Blur上调用的方法

测试方法的Psuedocode是

1. 获取radcontrol RadTextBox4。
2. 检查所需的条件，例如： if（txtbox.get_value（）！=''）{ txtbox.Button.className =“MyButton”; }
3. 根据文本框中的值动态分配按钮类。

在上面的函数中，如果正则表达式不匹配，我们分配无效按钮图像，如果正则表达式匹配，我们分配一个正确的按钮图像如果有错误我们从cssclass分配错误图像

.MyButton         {             background：url（'Error.png'）0 0 no-repeat！important;         }         .MyButton_1         {             background：url（'help_16x16.png'）0 0 no-repeat！important;         }         .MyButton_2         {             background：url（'RegexError.png'）0 0 no-repeat！important;         }

因此上面的代码可用于动态更改radtextbox中按钮的图像和样式