Question

我有以下代码：在模型中：

<div class="line"></div>

<div class="clearfix"></div>
        @Html.RadioButtonFor(x => x.Vehicle.Car, "Car")
        @Html.LabelFor(x => x.Vehicle.Car)
<div class="clearfix"></div>
        @Html.RadioButtonFor(x => x.Vehicle.Van, "Van")
        @Html.LabelFor(x => x.Vehicle.Van)
<div class="line"></div> 
<div class=".col-md-6 .col-sm-4  text-center">
        <button type="button" class="btn btn-primary" disabled >submit</button>
</div>

如果选择了任一单选按钮，我想启用“提交”按钮。由于使用了htmlhelper方法，因此不确定是否使用了Jquery方法。任何帮助高度赞赏。

Answer 1

您可以在客户端执行此操作。以下示例假设您的页面中包含jQuery库。

假设您的观点＆＃39;视图模型具有mogrify -negate image.jpg属性，类型为Vehicle枚举，如此

Vehicle

将css类提供给单选按钮，并将Id提供给提交按钮，以便更轻松地选择jQuery。

public enum Vehicle
{
    None, Car, Van
}
public class CreateUser
{
    public Vehicle Vehicle { set; get; }
    // Other properties as needed
}

并在您的脚本中，在文档@model YourNamespaceHereForViewModelClass.CreateUser @using (Html.BeginForm()) { @Html.RadioButtonFor(x => x.Vehicle, "Car",new {@class="myVehicle"}) @Html.Label(Vehicle.Car.ToString()) @Html.RadioButtonFor(x => x.Vehicle, "Van", new { @class = "myVehicle" }) @Html.Label(Vehicle.Van.ToString()) <button type="button" id="mySubmit" class="btn btn-primary" disabled>submit</button> }上检查是否选中了两个单选按钮中的任何一个，并启用/禁用提交按钮。同时收听ready事件并启用单选按钮。

change

Here是一个有效的小提琴样本。

如何根据单选按钮

1 个答案: