Dynamically Show/Hide Radio buttons of a Radio button group using JavaScript

Question

I am looking for a way to Show/ Hide some of the Radio buttons of a Radio button group using JavaScript.

How can this be achieved?

Thanks

Answer 1

The id attribute identifies the individual radio buttons. All of them will be related to the group by the name attribute

You can get the individual radio buttons using something like

var rbtn = document.getElementById('radioButton1');

Then set the display or visibility style to hide or show.

rbtn.style.display = 'none'; // 'block' or 'inline' if you want to show.

Answer 2

document.getElementById('myRadioButtonId').style.display = 'none'; //hide it

document.getElementById('myRadioButtonId').style.display = 'block'; //show it