asp.net - RAZOR 如何在用户单击组件时触发事件

Question

我是 RAZOR 的新手，我想在用户单击 RadioButton 时触发一个事件。

理想情况下，它应该在用户单击 RadioButton 后动态显示所选值。

问题:

如何获取选中的值

如何在用户单击 RadioButton 时触发事件。

@{
    Layout = "~/_SiteLayout.cshtml";
    Page.Title = "Contact";
 }

<div>
  <table>
    <tr>
      <td>
         @Html.RadioButton("Gender", "Male", true) Male
      </td>
      <td>
         @Html.RadioButton("Gender", "Female", false) Female
      </td>
    </tr>
 </table>
      @Html.Label(Request["Gender"] == null ? "No Selection" : Request["Gender"])

Answer 1

你不能用 Razor 做到这一点，你可以做的是像这样创建单选按钮并使用 Jquery 触发任何 Action 。

<input type="radio" name="sex" value="male" /> Male <br />
<input type="radio" name="sex" value="female" /> Female

您可以添加脚本 (假设您可以使用 jQuery)在页面上，如:

<script type="text/javascript">
$(function () {
    $(':radio[name="sex"]').change(function () {
        $.ajax({
            url: 'sex',
            type: 'POST',
            data: { sex: $('radio[name="sex"]').val() },
            success: function (xhr_data) {
                alert(xhr_data.someValue);
            }
        });
    });
});

假设你有一个 Action 方法在与生成 View 的 Controller 相同的 Controller 中:

public class YourController : Controller
{
   public ActionResult sex(string sex)
   {
      // do something awesome
      return Json(new { someValue = "testing!" });
   }
}