如何将textFieldFor输入更改为radioButtons

时间:2017-05-25 09:22:24

标签: c# asp.net-mvc forms input

在我的项目中(asp .net mvc)我有一个类...对于那个类我通过输入创建或编辑记录,这很明显。我的问题是我想在视图中更改此textBox:

<div class="form-group">
    <label class="col-sm-2 control-label">Dostupnost: [1/0]</label>
    <div class="col-sm-4">
        @Html.TextBoxFor(x => x.Dostupnost, new { @class = "form-control" })
        @Html.ValidationMessageFor(x => x.Dostupnost)
    </div>
</div>

到具有相同功能的单选按钮。属性为int,范围为 0-2 ,所以3个按钮,是否有人有所了解?谢谢。

我将以前的文本框替换为:

<div class="form-group">
    <label class="col-sm-2 control-label">Dostupnost</label>
    <div>
        <label class="radio-inline"><input type="radio" name="optradio">Option 1</label>
        <label class="radio-inline"><input type="radio" name="optradio">Option 2</label>
        <label class="radio-inline"><input type="radio" name="optradio">Option 3</label>
    </div>
</div>

但是现在呢?我只需要很少的条件:)

解决方案:谢谢大家

<div class="form-group">
    <label class="col-sm-2 control-label">Dostupnost:</label>
    <div>
        <label class="radio-inline">
            @Html.RadioButtonFor(x => x.Dostupnost, 1)Dostupná
        </label>
        <label class="radio-inline">
            @Html.RadioButtonFor(x => x.Dostupnost, 0)Nedostupná
        </label>
    </div>
</div>

3 个答案:

答案 0 :(得分:1)

尝试代码

Radio buttom Razer视图

 <label>@Html.RadioButtonFor(c => c.Dostupnost, 0, new { name = "Dostupnost"})Option 1</label>
 <label>@Html.RadioButtonFor(c => c.Dostupnost, 1, new { name = "Dostupnost" })Option 2</label>
 <label>@Html.RadioButtonFor(c => c.Dostupnost, 2, new { name = "Dostupnost" })Option 3</label>

答案 1 :(得分:0)

您可以使用HtmlHelper

@Html.RadioButton("RadioButton","0")
@Html.RadioButton("RadioButton","1")
@Html.RadioButton("RadioButton","2")

答案 2 :(得分:0)

在模型中,您应添加一个包含选项值和显示文本的列表。例如, 该列表将像这样定义

  object[] DostupnostList = new object[] { {Id: 1, Name: "Text 1"}, 
             {Id: 2, Name: "Text 2"}, {Id: 3, Name: "Text 3"} };

然后在Razor代码中,您可以将Dostupnost属性绑定到如下所示的无线电列表

<div class="form-group">
    <label class="col-sm-2 control-label">Dostupnost: [1/0]</label>
    <div class="col-sm-4">
        @foreach(var option in Model.DostupnostList) 
        {
            @Html.RadiobuttonFor(x => x.Dostupnost, option.Id)
            @Html.Label(x => x.Name)
            @Html.ValidationMessageFor(x => x.Dostupnost)
        }         
    </div>
</div>