提交后复选框保持选中状态

zlatan114r

因此,我有这些复选框可将值传递给控制器​​,然后将这些值用于从数据库取回某些东西。但是,当我单击“提交”按钮时,一切正常,但是选中的复选框现在未选中。这是视图:

<form>
@foreach(var type in types) {
<input type="checkbox" name="checkedTypes" value="@type.id" />
<label>@type.Name</label>
}
<button type="submit" class="btn customGreen">Set filters</button>
</form>

这是控制器:

public async Task < ViewResult > Index(List < int > checkedTypes) 
{
var products = from p in _db.Products
select p;

if (checkedTypes.Count != 0) {
products = products.Where(p =>checkedTypes.Contains(p.TypeId));
}

return View(product);
}

有没有一种方法可以使选中的复选框在提交后保持选中状态?还是有更好的方法来处理.net core复选框。

mj1313

您可以将checkedTypes存储在ViewBag中,然后确定,然后确定是否需要在前端选中该复选框。

一个简单的例子如下:

视图:

@{ 
    var types = new List<MyType>
    {
        new MyType{Id = 1, Name ="AA"},
        new MyType{Id = 2, Name ="BB"},
        new MyType{Id = 3, Name ="CC"},
    };
    var checkedTypes = ViewBag.checkedTypes;
}

<form method="post">
    @foreach (var type in types)
    {
        if (checkedTypes != null && checkedTypes.Contains(type.Id))
        {
            <input type="checkbox" name="checkedTypes" value="@type.Id" checked />
        }
        else
        {
            <input type="checkbox" name="checkedTypes" value="@type.Id" />
        }

        <label>@type.Name</label>
    }
    <button type="submit" class="btn customGreen">Set filters</button>
</form>

控制器:

public IActionResult Index()
{
    return View();
}

[HttpPost]
public async Task<ViewResult> Index(List<int> checkedTypes)
{
    if (checkedTypes.Count != 0)
    {
        ViewBag.checkedTypes = checkedTypes;
    }
    return View();
}

结果:

在此处输入图片说明

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

提交后如何保持数组和动态复选框保持选中状态?

来自分类Dev

HTML复选框在刷新后保持选中状态

来自分类Dev

PHP阵列复选框问题,提交后保持选中“正确的”复选框

来自分类Dev

复选框未保持选中状态

来自分类Dev

提交后选中或未选中复选框

来自分类Dev

复选框状态始终保持选中状态

来自分类Dev

关闭后,模态中的Bootstrap复选框保持选中状态,然后再次重新打开

来自分类Dev

刷新页面后,保持动态创建复选框处于选中状态

来自分类Dev

选中默认状态后如何记住复选框状态?

来自分类Dev

选中默认状态后如何记住复选框状态?

来自分类Dev

提交表单时,请保持选中复选框

来自分类Dev

如何保持ExpandableListView复选框处于选中状态?

来自分类Dev

提交后保持匹配阵列键上的复选框状态

来自分类Dev

复选框选中和取消选中后,提交操作后显示和隐藏div

来自分类Dev

复选框选中和取消选中后,提交操作后显示和隐藏div

来自分类Dev

禁用提交直到选中复选框

来自分类Dev

禁用提交直到选中复选框

来自分类Dev

复选框即使选中也不会提交

来自分类Dev

复选框未选中状态

来自分类Dev

选中多个复选框状态

来自分类Dev

选中多个复选框状态

来自分类Dev

复选框状态(如果未选中)

来自分类Dev

复选框未处于“选中”状态

来自分类Dev

用户在多选复选框中选中某些复选框并提交页面后,如何隐藏APEX区域?

来自分类Dev

选中复选框后,将显示

来自分类Dev

选中后如何删除复选框

来自分类Dev

选中后禁用复选框

来自分类Dev

选中复选框后获取坐标

来自分类Dev

选中时,ajax加载应保持我复选框的状态

Related 相关文章

热门标签

归档