MVC - 单击单选按钮后的回发

发布于 2024-11-27 13:16:35 字数 101 浏览 2 评论 0原文

我对 MVC 还很陌生。我有一个简单的问题。我的 mvc asp.net 页面上有 3 个单选按钮。当我检查页面上的单选按钮之一时,我想在控制器中调用一个操作。如何在 mvc 中进行回发?

I am fairly new to MVC. I have a simple problem. I have 3 radio buttons on my mvc asp.net page. I would like to call an action in my controller when I check one of the radio buttons on the page. How do I do a postback in mvc?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

如果您有如下单选按钮:

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

If you had radio buttons like:

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

You could add script (assuming you can use jQuery) on the page like:

<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>

Assuming you have an action method in the same controller as the one that generated your view:

public class YourController : Controller
{
    public ActionResult sex(string sex)
    {
        // do something awesome
        return Json(new { someValue = "testing!" });
    }
}
奈何桥上唱咆哮 2024-12-04 13:16:35

上面的答案仅在我

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

这样做时才对我有用,即当我将 ':checked' 添加到选择器时。

The answer above only worked for me when I did

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

That is, when I added ':checked' to the selector.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文