How do I set the checked state of a radio button for a number value?

1 Answer 47 Views

RadioButton

Tom asked on 26 Feb 2025, 03:53 PM

Hello! I am having difficulty with the following scenario: I have an array of objects that I'm displaying in my UI in the form of a table. On my table I have the following columns: Name (string), PreferenceLevel (number), IsActive (bool). I am using an *ngFor="let item of items" to render all of the table data. The name looks great, as does the isActive,. For IsActive I am using a kendo-checkbox like this:

<kendo-checkbox [checkedState]="item.isActive" [(ngModel)]="item.isActive"></kendo-checkbox>

and it seems to render as checked or unchecked well based on the boolean that is coming across.

My Preference Level column is another story. I have 4 preference levels based on 4 integers: 0,1,2,3. I would like to have a radio button as the UI for this column, but cannot seem to get them to represent the data that is coming through. Here's what I have:

Perhaps I need to assign a checkedState or checked attribute in there like I did for the check box, but I can't figure out how to do it for the radio button. Or perhaps the radio buttons can only process string values? (I saw only string examples in your documentation) There is nothing checked in my table with my markup as is above, though. Please advise.

How do I set the checked state of a radio button for a number value?

1 Answer, 1 is accepted