RadioButton - value for checked property not changing with radio selection change

[ruchitchhabra]

Describe the bug

On selecting the radio button by clicking on label or by keyboard arrow keys, the native checked property of the input[type="radio"] does not get changed. Regardless of the aria-checked state, the assistive technologies recognize the radio button via native checked property.
This relates to #16553. Fixing the checked property should also resolve related issue.

Environment

PrimeNG v17 is being used with Angular v17. The issue also replicable on https://primeng.org/radiobutton.

Reproducer

No response

Angular version

17.3.9

PrimeNG version

17.18.11

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

20.16.0

Browser(s)

No response

Steps to reproduce the behavior

1. Select the previously unchecked radio button by clicking on the radio icon.
2. Observe the value of checked property of the hidden input radio. It is true.
3. Now select another radio button either by clicking on the label or via keyboard arrow keys.
4. Observe the value of checked property of the hidden input radio of the newly selected radio button. It is false and value of aria-checked is true. The value of checked property should be true as well. While for the previously selected radio, the value of checked property of hidden input radio is still true and value of aria-checked is false. The value of checked property should change to false.

Expected behavior

On selecting the radio button by clicking on label or by keyboard arrow keys, the native checked property of the input[type="radio"] should get changed. aria-checked attribute is redundant for input[type="radio"] and can be removed.