Checkboxlist selected value get in blazor c#| get selected checkboxlist item values in blazor c#| checkboxlist in blazor

 Checkboxlist selected value get in blazor c#| get selected checkboxlist item values in blazor c#| checkboxlist in blazor 

To get the selected items from a checkbox list in Blazor, you can follow these steps:

1. Create a model for the items in your checkbox list: Create a class that represents the structure of each item in the list. This class should include properties for the item's value, display text, and a boolean property to indicate whether the item is selected or not.

csharp

public class CheckboxItem

{

    public string Value { get; set; }

    public string Text { get; set; }

    public bool IsSelected { get; set; }

}

2. Define a collection of checkbox items in your component: In your Blazor component, create a collection of `CheckboxItem` objects to populate the checkbox list.

csharp

private List<CheckboxItem> checkboxItems = new List<CheckboxItem>

{

    new CheckboxItem { Value = "1", Text = "Item 1", IsSelected = false },

    new CheckboxItem { Value = "2", Text = "Item 2", IsSelected = false },

    // Add more items as needed

};

3. Display the checkbox list in your component's markup: In your component's markup, use a loop to display each item in the checkbox list.

razor

@foreach (var item in checkboxItems)

{

    <label>

        <input type="checkbox" @bind="item.IsSelected" />

        @item.Text

    </label>

}

In this example, a loop is used to iterate through each item in the `checkboxItems` collection. Each item is displayed as a checkbox input with a corresponding label.

4. Get the selected items: To get the selected items from the checkbox list, you can use LINQ or iterate through the collection in your component's code.

Using LINQ:

csharp

var selectedItems = checkboxItems.Where(item => item.IsSelected).ToList();

In this example, the `Where` method is used to filter the `checkboxItems` collection based on the `IsSelected` property, and the selected items are stored in the `selectedItems` list.

Iterating through the collection:

csharp

var selectedItems = new List<CheckboxItem>();

foreach (var item in checkboxItems)

{

    if (item.IsSelected)

    {

        selectedItems.Add(item);

    }

}

In this example, a loop is used to iterate through each item in the `checkboxItems` collection. If an item's `IsSelected` property is `true`, it is added to the `selectedItems` list.

You can perform further processing or pass the `selectedItems` list to other methods as needed.

By following these steps, you can get the selected items from a checkbox list in Blazor by binding each checkbox to a boolean property in a model class and checking the `IsSelected` property of each item in your component's code.

Thanks for learning. Happy learning..

If you have any queries or suggestion please comment the same...