Javascript 在ASP.Net Core中单击单选按钮提交表单
使用ASP.Net Core,我有一个带有几个单选按钮的页面,这些单选按钮将改变页面的显示,我想做的是,如果用户单击单选按钮,页面将刷新,根据单击的单选按钮(选项)使用一些新数据更新页面 为了实现这一点,提交表格是否更合适?还是更适合使用JavaScript处理此交互 对于表单提交,我尝试过类似的方法,但它没有提交表单:Javascript 在ASP.Net Core中单击单选按钮提交表单,javascript,jquery,razor,asp.net-core,asp.net-core-mvc,Javascript,Jquery,Razor,Asp.net Core,Asp.net Core Mvc,使用ASP.Net Core,我有一个带有几个单选按钮的页面,这些单选按钮将改变页面的显示,我想做的是,如果用户单击单选按钮,页面将刷新,根据单击的单选按钮(选项)使用一些新数据更新页面 为了实现这一点,提交表格是否更合适?还是更适合使用JavaScript处理此交互 对于表单提交,我尝试过类似的方法,但它没有提交表单: @foreach(Model.FormOptions中的var项) { @项目名称 } 这里您可以举个例子: $('input[type=radio]').on('cha
@foreach(Model.FormOptions中的var项)
{
@项目名称
}
这里您可以举个例子:
$('input[type=radio]').on('change', function() {
$("form").submit();
});
你的
asp for=“FormOptions”
没有任何意义,因为你的@foreach
意味着FormOptions
是一个复杂对象的集合-一组单选按钮绑定到一个简单的值并发回一个简单的值(并且在使用TagHelper`时你从未设置checked
属性-你的模型需要绑定到一个属性(说int SelectedOption
)谢谢Stephen,仅供参考:在我的实际解决方案中,表单中填充了一个ViewModel,其中包含一个键/值的对象列表加上一个额外的属性。这是从表中读取的,允许在DB中设置单选按钮列表的默认选中值。然后它将是
(尽管对于绑定到int
的item.ID
是一个奇怪的名称)例如,在db表中,ID是一个int,将描述命名并选中一个布尔值。您需要一个包含属性int SelectedOption
和IEnumerable FormOptions
属性的模型。然后它的
在提交时将正确绑定(它是SelectedOption
的值,将决定所选内容)
$(document).ready(function () {
$('input[type=radio]').click(function () {
document.getElementById("formIDHere").submit();
});
});