Having created two radio buttons, grouped them together, and applied bootstrap classes for styling; I am encountering an issue where the values of the radio buttons are not updating when clicked and submitted. Interestingly, the checkboxes on the same form are functioning correctly.
To represent the checked states of the checkboxes and radio buttons, I have created boolean properties. However, only the radio buttons are failing to transition from false to true upon clicking and submitting.
Below is the HTML code for the radio buttons and checkboxes:
<div>
... (Code here)
</div>
The properties established for the checkboxes and radio buttons are as follows:
public bool Hex { get; set; }
...
(Other boolean properties listed here)
The backend C# code responsible for assigning boolean values based on submitted data is shown below:
public async Task<IActionResult>OnPost() {
... (Code here)
}
Despite trying various solutions such as altering the radio buttons and removing bootstrap classes, the issue persists. While many solutions suggest using JavaScript, I prefer to address this with C# and HTML. If anyone has insights on resolving this without resorting to checkboxes or JavaScript, any assistance would be greatly appreciated.