I need to select a radio button dynamically.

i) I have created few radio buttons dynamically, i.e. in a function using:

function funcName()
{
    Something.innerHTML = '<input type = "radio" name = "rName" id = "1" />' + '<input   type = "radio" name = "rName" id = "2" />' + '<input type = "radio" name = "rName" id = "3" />';

}

ii) I need to select a radio button dynamically, in another function:

function funcNAme(someVar)
{
    document.getElementById(someVar).checked = true;
}

But this does not work, i.e. the radio button doesn not get selected. However, 'disabled' works fine. Also:

alert(someVar); 

returns the appropriate desired value.

I need to select a radio button dynamically.

i) I have created few radio buttons dynamically, i.e. in a function using:

function funcName()
{
    Something.innerHTML = '<input type = "radio" name = "rName" id = "1" />' + '<input   type = "radio" name = "rName" id = "2" />' + '<input type = "radio" name = "rName" id = "3" />';

}

ii) I need to select a radio button dynamically, in another function:

function funcNAme(someVar)
{
    document.getElementById(someVar).checked = true;
}

But this does not work, i.e. the radio button doesn not get selected. However, 'disabled' works fine. Also:

alert(someVar); 

returns the appropriate desired value.

• javascript
• function
• alert

• your function should be working fine ... check this example – Teneff Commented Dec 2, 2011 at 14:48
• It maybe related to my second ment in my answer - about having IDs set to numbers - not a good practice and not valid – Manse Commented Dec 2, 2011 at 14:48

3 Answers 3

The syntax is as follows :

element.checked = true;

So you need to use

document.getElementById(someVar).checked = true;

See here -> HTMLInputElement

Working example -> http://jsfiddle/p5yca/

And please please do not use numbers for IDs of elements -> http://www.w3/TR/html401/types.html#type-name

Seems to work fine:

function checkRadio(id) {
    document.getElementById(id).checked = true;
}

function createRadios()
{
    document.getElementById('container').innerHTML = '<input type = "radio" name = "rName" id = "1" />' + '<input   type = "radio" name = "rName" id = "2" />' + '<input type = "radio" name = "rName" id = "3" />';
}

createRadios();
checkRadio("2");

Example - http://jsfiddle/infernalbadger/LHyQT/2/

You're setting the checked attribute on the innerHTML attribute, not on the DOM element itself; this should do the trick:

document.getElementById("id").checked = true;