猿教程 Logo

使用HtmlHelper创建RadioButton

阿里云服务器,每月低至7.8元,项目演示即建站必备,比腾讯云更便宜,并且不需学生认证,从此链接购买有效:去购买

在本节中,了解如何使用HtmlHelper在Razor视图中生成单选按钮控件。

HtmlHelper类包含两个扩展方法,以在Razor视图中生成<input type =“radio”>元素:RadioButton()和RadioButtonFor()。

我们将使用下面的Student模型来测试Radio Button()和RadioButtonFor()方法。

相关实例:

public class Student
{
    public int StudentId { get; set; }
    [Display(Name="Name")]
    public string StudentName { get; set; }
    public int Age { get; set; }
    public string Gender { get; set; }
}

单选按钮():

Html.RadioButton()方法创建一个带有指定名称的单选按钮元素,isChecked boolean和html属性。

RadioButton()方法签名:

MvcHtmlString单选按钮(字符串名称,对象值,bool isChecked,对象htmlAttributes)

请访问MSDN了解Radio Button()方法的所有重载

相关实例:

Male:   @Html.RadioButton("Gender","Male")  
Female: @Html.RadioButton("Gender","Female")

运行结果:

Male: <input checked="checked" 
        id="Gender" 
        name="Gender" 
        type="radio" 
        value="Male" />

Female:

在上面的例子中,我们为“Gender”属性创建了两个单选按钮。 第二个参数是将被发送到服务器的值,如果相应的单选按钮被选中。 如果选择了Male单选按钮,则字符串值“Male”将被分配给模型属性Gender并提交到服务器。 上面的示例创建两个单选按钮,如下所示。


RadioButtonFor:

RadioButtonFor帮助方法是一个强类型的扩展方法。 它为使用lambda表达式指定的属性生成<input type =“radio”>元素。 RadioButtonFor方法将指定的模型对象属性绑定到RadioButton控件。 所以它基于属性值自动选中或取消选中一个RadioButton。

RadioButtonFor()方法签名:

MvcHtmlString RadioButtonFor(<Expression <Func <TModel,TValue >> expression,object value,object htmlAttributes)

访问MSDN知道RadioButtonFor()的所有重载。

相关实例:

@model Student

@Html.RadioButtonFor(m => m.Gender,"Male")
@Html.RadioButtonFor(m => m.Gender,"Female")

运行结果:

<input checked="checked" 
        id="Gender" 
        name="Gender" 
        type="radio" 
        value="Male" />

在上面的例子中,RadioButtonFor()方法中的第一个参数是一个lambda表达式,它指定要与RadioButton元素绑定的model属性。 我们在上面的例子中为Gender属性创建了两个单选按钮。 所以,它生成两个<input type =“RadioButton”>元素,id&name设置为属性名称 - Gender。 第二个参数是将在提交表单时发送到服务器的值。

阿里云服务器,每月低至7.8元,项目演示即建站必备,比腾讯云更便宜,并且不需学生认证,从此链接购买有效: 去购买


版权声明:本站所有教程均为本站原创或翻译,转载请注明出处,请尊重他人劳动果实。请记住本站地址:www.yuanjiaocheng.net (猿教程) 作者:卿文刚
本文标题: C#环境
本文地址:http://www.yuanjiaocheng.net/mvc/mvc-helper-RadioButton.html