javascript - 在 MVC @Html.RadioButtonFor 中不调用 javascript

Question

在MVC Html.RadioButtonFor中不调用javascript，

MVC Razor :

  @Html.RadioButtonFor(m => m.Type, new { @class = "input-group radio", @id = "rdA1", @onclick = "Toggle(rdA1)" }, "Single") @Html.Label("Single")

  @Html.RadioButtonFor(m => m.Type, new { @class = "input-group radio", @id = "rdA2", @onclick = "Toggle(rdA2)" }, "Multiple") @Html.Label("Multiple")

JavaScript:

function Toggle(ctrlId) {
    if (ctrlId == "rdA1") {
        alert(1);

    }
    else if (ctrlId == "rdA2") {
       alert(2);
    }
}

谢谢

@Stephen Muecke，如果我修改你的代码，我的设计已更改，请在此处查看

Answer 1

RadioButtonFor()的第二个参数是输入的值，第三个参数是 htmlAttributes (你把它们弄错了)。应该是

@Html.RadioButtonFor(m => m.Type, "Single", new { @class = "input-group radio", @id = "rdA1", @onclick = "Toggle(rdA1)" }) @Html.Label("Single")
....

另请注意，您的 <label>元素不会充当标签(单击它们不会将焦点设置到关联的单选按钮，因为它们不与单选按钮的 id 关联)。