如何在 Web 应用程序中获取复选框值

Question

我从 Nick Young 那里找到了一个关于复选框的好例子。

最后他说拿AppID就行了。我怎样才能做到这一点？

我稍后想要 if(IsSelected == true){//一些代码}

示例如下：

型号：

public class MerchantModel
{
    public int AppId { get; set; }
    public string Name { get; set; }
    public bool IsSelected { get; set; }
}

public class MerchantViewModel
{
    public List<MerchantModel> Merchants { get; set; }
}

控制器：

public class DefaultController : Controller
{
    // GET: Default
    public ActionResult Index()
    {
        var merchant1 = new MerchantModel
        {
            AppId = 1,
            Name = "Bob"
        };
        var merchant2 = new MerchantModel
        {
            AppId = 2,
            Name = "Ted"
        };
        var merchant3 = new MerchantModel
        {
            AppId = 3,
            Name = "Alice"
        };

        List<MerchantModel> list = new List<MerchantModel>();
        list.Add(merchant1);
        list.Add(merchant2);
        list.Add(merchant3);

        var model = new MerchantViewModel
        {
            Merchants = list
        };

        return View(model);
    }

    [HttpPost]
    public ActionResult Index(MerchantViewModel model)
    {
        return View(model);
    }
}

查看：

@model TestCheckBoxes.Models.MerchantViewModel

    @{
        Layout = null;
    }

    <!DOCTYPE html>

    <html>
    <head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
</head>
<body>
    <div> 
        <form action="/default/index" method="post">
            <table>
                @for (int i = 0; i < Model.Merchants.Count; i++)
                {
                    <tr>
                        <td>
                            @Html.CheckBoxFor(x => x.Merchants[i].IsSelected)
                        </td>
                        <td>
                            @Html.HiddenFor(x => x.Merchants[i].AppId)
                            @Model.Merchants[i].AppId
                        </td>
                        <td>
                            @Html.HiddenFor(x => x.Merchants[i].Name)
                            @Model.Merchants[i].Name
                        </td>
                    </tr>
                }
            </table>

            <button type="submit">Submit</button>
        </form>



    </div>
</body>
</html>

回到控制器中的 [HttpPost] 方法，您将得到一个 MerchantModel 的列表，其布尔值要么是 true 要么是 false。这样你就可以检查它是否正确，然后从那里获取 AppId。

Answer 1

您是否尝试过在 post 操作中迭代模型中的商户？这样的事情应该有效：

foreach(var m in model.Merchants)
{
    if(m.IsSelected)
    {
        //execute code for this checkbox being checked
    } 
}

您可以在 post 方法的第一行设置一个断点，然后查看视图返回给控制器的内容。你应该期待一个包含所有值的商家列表：我选择的 AppId 和名称，因为你正在 post 为每个商家返回所有这些值。

如何在 Web 应用程序中获取复选框值

How to grab Checkbox values in an WebApp

c#

model-view-controller

checkbox

web-applications