单击复选框时 ASP.NET MVC 提交表单

Posted

技术标签:

【中文标题】单击复选框时 ASP.NET MVC 提交表单【英文标题】:ASP.NET MVC submitting form on checkbox click 【发布时间】:2013-10-05 15:50:18 【问题描述】:

当我想在单击复选框时提交表单时,我应该在 ASP.NET 中做些什么特别的事情。这是我正在使用的一些示例 html...

<form method="post" action="#">
                <input id="hi" class="hidden-field" type="checkbox" value="true" onclick="this.form.submit();" name="hi">hi</input>
            </form>

我在 JSFiddle 中对此进行了测试,当您单击复选框时,它自然会发布表单。不知何故,我无法让它在 MVC PartialView 中工作。

【问题讨论】:

如果它在 jsFiddle 中有效,但在您的 MVC 视图中无效,那么两者有什么不同?您的 MVC 视图中的 input 是否有父 form 【参考方案1】:

使用 javascript/jQuery:

$(document).on("click", "#hi", function()
    if ($(this).is(':checked')) 
        $('form').submit();
    
);

您只需在点击事件上绑定一个函数,然后在该函数中手动调用 submit()。

【讨论】:

谢谢。虽然这不是确切的答案,但它让我找出了解决方案。我使用的是 Foundation 响应式框架,显然其表单框架中的复选框响应的是“onchange”而不是“onclick”。 很高兴对您有所帮助。 你忘记了 if 的右括号。但除此之外,这对我有帮助,非常感谢!

以上是关于单击复选框时 ASP.NET MVC 提交表单的主要内容,如果未能解决你的问题,请参考以下文章

如何在 ASP.NET MVC 中通过 Ajax 提交表单?

在 asp .NET MVC 中提交表单之前动态地将项目添加到列表中

ASP.Net MVC 4 在表单提交时设置“onsubmit”

在 ASP.net MVC 5 应用程序中单击按钮时使用 JavaScript/jQuery 将用户重定向到页面

提交表单 ASP.NET 时清除所有输入字段

在ASP.NET MVC Razor模式里面提交表单数据时,都有一个type=submit的input按钮,