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

Question

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

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

问题:

1. 如何获取选定的值

2. 如何在用户单击 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 触发任何操作。

<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);
            }
        });
    });
});

假设您在与生成 View 的 Controller 相同的 Controller 中有一个操作方法:

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