How to get checkboxes checked or not on razor asp.net ?

ahmed salah

I have two checkbox razor html .i face issue how to detect which checkbox checked or not on page model


    
        
            
                
                
            
        
        
            
                
                
            
            
                
                
            
            
                
                
            
            
                
                
            
            
                
                
            
        
    Printers 
Tamayaz Point 3X (Gold) 
                    
                
Tamayaz Point 2X (Silver) 
                    
                
Tamayaz Point 1X (Green) 
                    
                
Tamayaz Point X (Black) 
                    
                
Normal (Black & White)

Printers
Tamayaz Point 3X (Gold)
Tamayaz Point 2X (Silver)
Tamayaz Point 1X (Green)
Tamayaz Point X (Black)
Normal (Black & White)

so which checkboxes of these have checked or not on page model

I need to write csharp code detect which checkboxes checked or not on page model

public class LabelPrintingModel : PageModel
{
       
public LabelPrintingModel()
{

}
Public void OnPostInsert()
{
//which checkbox on razor html checked true 
}
}

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Brahma Prakash Shukla3y ago

Accepted answer

To detect which checkboxes are checked or not on your Razor HTML page in your C# PageModel, you can use the Request.Form collection to access the form data submitted during the POST request. Here's an example of how you can check the status of the checkboxes:

public class LabelPrintingModel : PageModel
{
    public bool AllChecked { get; set; }
    public List SelectedPrinters { get; set; }

    public LabelPrintingModel()
    {
        SelectedPrinters = new List();
    }

    public void OnPostInsert()
    {
        AllChecked = Request.Form["all"].Count > 0; // Check if "all" checkbox is checked

        foreach (var key in Request.Form.Keys)
        {
            if (key.StartsWith("cbprinter")) // Check checkboxes with name starting with "cbprinter"
            {
                var checkboxValue = Request.Form[key];
                if (checkboxValue.Count > 0)
                {
                    var printerName = key.Substring(9); // Extract printer name from checkbox name
                    SelectedPrinters.Add(printerName);
                }
            }
        }

        // Now you can use the AllChecked and SelectedPrinters properties as needed
    }
}

In the above code, the AllChecked property is used to store the state of the "all" checkbox, and the SelectedPrinters property is a list of the selected printer names. The OnPostInsert method is triggered when the form is submitted, and it retrieves the form data using Request.Form and checks the checkboxes based on their names. You can then use the values stored in AllChecked and SelectedPrinters for further processing in your page model.

Amit Mohanty3y ago

try this once:

public void OnPostInsert()
{
    string[] selectedCheckboxes = Request.Form["cbprinter"];
    foreach (string checkboxValue in selectedCheckboxes)
    {
        // Do something with the checked checkbox value
        Console.WriteLine("Checkbox checked: " + checkboxValue);
    }
}

Deepak Rawat3y ago


    
        
            
            
                
                    Tamayaz Point 3X (Gold)

Tamayaz Point 3X (Gold)

Page Model (LabelPrintingModel):

public class LabelPrintingModel : PageModel
{
    public PrinterSelections PrinterSelections { get; set; }

    public LabelPrintingModel()
    {
        PrinterSelections = new PrinterSelections();
    }

    public void OnPostInsert()
    {
        // Access the checkbox selections in the PrinterSelections object
        if (PrinterSelections.CbRed)
        {
            // Checkbox with id="cbRed" is checked
        }

        // Access other checkboxes in a similar way

        // Perform your logic based on the checkbox selections
    }
}

public class PrinterSelections
{
    public bool CbRed { get; set; }
    // Add properties for other checkboxes
}

In the above example, I've introduced a PrinterSelections class to hold the checkbox selections. Each checkbox is bound to a corresponding property in the PrinterSelections class using the asp-for attribute. In the OnPostInsert method, you can access the checkbox selections through the PrinterSelections object and perform your logic based on the values of the properties.

Mohamed Azarudeen Z3y ago

Hi Ahmed

you can bind the checkbox values to properties in your page model class. Here's an example:

public class LabelPrintingModel : PageModel
{
    public bool IsRedChecked { get; set; }
    public bool IsBlueChecked { get; set; }
    public bool IsGreenChecked { get; set; }
    // Other checkbox properties
    
    public LabelPrintingModel()
    {
    }
    
    public void OnPostInsert()
    {
        // Check the values of the checkbox properties
        if (IsRedChecked)
        {
            // The "Red" checkbox is checked
        }
        
        if (IsBlueChecked)
        {
            // The "Blue" checkbox is checked
        }
        
        if (IsGreenChecked)
        {
            // The "Green" checkbox is checked
        }
        
        // Perform other actions based on the checkbox values
    }
}