Add checkbox at runtime

[Daniele Dell Aquila]

I add checkboxes at runtime, well how can I identify checked checkboxes?

Attached the code I used

thanks

Attachment: codeexample_a2b9edfc.rar

[Aravinthan Seetharaman]

Hi Daniele, 

 

Thanks for contacting Syncfusion Support. 

 

We have checked your query. We can achieve your requirement by passing CheckBox label as additional parameter in ValueChange event handler. Please refer the below code snippet and sample 

 

 

@using Syncfusion.Blazor.Buttons 

 

@foreach (var item in data) 

{ 

 

    <SfCheckBox Label=@item.Label LabelPosition="LabelPosition.After" TChecked="bool" @bind-Checked="@item.isChecked" ValueChange="e => OnChange(e, item.Label)"></SfCheckBox> 

    if (item.isChecked) 

    { 

        if (!CheckedItem.Contains(item)) { CheckedItem.Add(item); } 

 

    } 

    else 

    { 

        if (CheckedItem.Contains(item)) { CheckedItem.Remove(item); } 

    } 

    <br /> 

} 

<br /> 

<h4>Checked Item</h4> 

@foreach(var item in CheckedItem) 

     { 

     <p>@item.Label</p> 

     } 

@code { 

    public List<CheckBoxData> CheckedItem = new List<CheckBoxData> { }; 

    public class CheckBoxData 

    { 

        public string Label; 

        public bool isChecked; 

    } 

    List<CheckBoxData> data = new List<CheckBoxData> { 

        new CheckBoxData { Label = "Debit Card", isChecked = true }, 

        new CheckBoxData { Label = "Credit Card", isChecked = false }, 

        new CheckBoxData { Label = "Net Banking", isChecked = false } 

    }; 

  public void OnChange(ChangeEventArgs<bool> args, string Label) 

    { 

        //Label 

    } 

} 

 

 

Sample: https://www.syncfusion.com/downloads/support/forum/165809/ze/Dynamic_Render_CheckBox_CheckedItem-1740471753  

 

Could you please check the above sample and get back to us, if you need assistance on this. 

 

Regards, 

Aravinthan S