在asp.netcore中,如果在购物车中选择了单个项目,如何使用复选框传递数据

r7knjye2  于 12个月前  发布在  .NET
关注(0)|答案(1)|浏览(133)

如何通过使用复选框数据,如果单个项目或多个项目被选择在购物车上的ecomm图书网站使用asp.netcore像亚马逊在购物车中选择一个项目
我只在设计上放置了复选框,但不知道如何传递数据

w8f9ii69

w8f9ii691#

数据可以通过设置HTML表单元素的name属性来传输。这些数据的键将在表单提交时与相应的值一起传递给服务器。然后在您的控制器中,您可以创建一个action方法来接收这些参数。这里有一个asp.net核心MVC示例,您可以用作参考:
我的模特:

public class Book
{
     public List<string> Info { get; set; } = new List<string>();
     public string[] Selected { get; set; }
}

字符串
页码:

@model Book

<form asp-action="UpdateCart" method="post">
    <table>
     
        <tbody>
            @for (int i = 0; i < Model.Info.Count; i++)
            {
                <input type="checkbox" value="@Model.Info[i]" name="Selected" checked />
                <strong>@Model.Info[i]</strong>
                <br />
            }
        </tbody>
    </table>
    <button type="submit">Update </button>
</form>


控制器:

public IActionResult Index()
{

     Book book = new Book();    
     book.Info.Add("Jane");
     book.Info.Add("Harry");
     book.Info.Add("Time");

     return View(book);
}
    [HttpPost]
    public IActionResult UpdateCart(Book book )
    {
           

        return RedirectToAction("Index");
    }


当我点击按钮时:


的数据
数据将被接受:



如果这个例子不能解决你的问题,你能分享你的相关项目代码吗?这样我们可以更好地帮助你。

相关问题