要在Blazor组件中获取多项选择,可以使用以下解决方法:
InputCheckbox
组件和绑定的bool属性:@foreach(var item in items)
{
@item.Name
}
@code {
List- items = new List
-
{
new Item { Name = "Item 1" },
new Item { Name = "Item 2" },
new Item { Name = "Item 3" }
};
class Item
{
public string Name { get; set; }
public bool Selected { get; set; }
}
}
在上述示例中,我们创建了一个包含多个Item
对象的列表。每个Item
对象都有一个Name
属性和一个Selected
属性,Selected
属性用于跟踪是否选择了该项。通过使用InputCheckbox
组件,并将其Value
属性与Selected
属性绑定,可以实现多项选择。
InputCheckbox
组件和Checked
事件:@foreach(var item in items)
{
ToggleSelected(item))" /> @item.Name
}
@code {
List- items = new List
-
{
new Item { Name = "Item 1" },
new Item { Name = "Item 2" },
new Item { Name = "Item 3" }
};
void ToggleSelected(Item item)
{
item.Selected = !item.Selected;
}
class Item
{
public string Name { get; set; }
public bool Selected { get; set; }
}
}
在这个示例中,我们使用Checked
属性来设置复选框的选中状态,并使用@onclick
事件处理程序来切换Selected
属性的值。这种方法可以在单击复选框时切换选中状态。
无论使用哪种方法,都可以在Blazor组件中获取多项选择。