Fixes issue #5603

[reejuBhattacharya]

Resolves #5603

####Screenshots of the change:

The issue, as illustrated below, is whenever we cycled through the radio button selections in the code, the checked=true option is not removed after each subsequent change. Therefore, after one cycle, all options have checked=true and the program malfunctions.

The expected behavior:

PR Checklist

• npm run lint passes

Acknowledgement: Credit goes to @sflanker for solving the problem in the issue itself, I simply implemented it selectively in the source code.

[sflanker]

It turns out that browser actually track the checked state for radio button inputs using a JavaScript property separately/in addition to the checked="true" attribute 🤦‍♂️. So even with the fix here things will be broken if the user interactively changes the selection. Update:

        // When clearing the state
        self._getOptionsArray().forEach(option => {
          option.checked = false;
          option.removeAttribute("checked");
        });

            // When setting the selection
            option.setAttribute("checked", true);
            option.checked = true;

[reejuBhattacharya]

Oh ok...So, as I understand it, we will have to update the JavaScript using option.checked and simultaneously update the HTML using the setAttribute and removeAttribute functions.....

Ok, making the changes as you mentioned pronto. Thanks for the update!

[limzykenneth]

From what I can see the issue seems to be fixed now with this PR. @sflanker Would you like to double check this before I merge?

[sflanker]

The change looks good to me.

[limzykenneth]

Looks good. Thanks!