MVC - 单击单选按钮后的回传问题

Question

我对MVC还比较新，遇到了一个简单的问题。我的mvc asp.net页面上有3个单选按钮。当我在页面上选中其中一个单选按钮时，我想调用控制器中的一个操作。在MVC中如何进行回发？

- HariS

Answer 1

If you had radio buttons like:

<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"]:checked').val() },
                success: function (xhr_data) {
                    alert(xhr_data.someValue);
                }
            });
        });
    });
</script>

假设您在与生成视图的控制器相同的控制器中有一个操作方法：

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

- David Fox

---

这绝对是我一直在寻找的。谢谢你。 - HariS

.change(function ... 检测在不同浏览器中的兼容性不太友好...建议使用 .click(function ... 代替。 - Paul Zahra

Answer 2

上面的答案只有在我执行以下操作时才有效。

data: { sex: $('radio[name="sex"]:checked').val() },

也就是说，当我将“：checked”添加到选择器中时。

- ChrisFox

---

同意，我已经将该更改（加上所需的 : 前缀）合并到被接受的答案中。 - AakashM

@AakashM 回答中加入一些归属/认可会很好，对吧。 - Paul Zahra