RadioButton Inside Datatable, Getting Undefined Error

Question

Hello,
I have a JSF page with datatables and in each row I have radiobutton.
I would like to deselect radiobutton when user select the next row radiobutton.
To achieve this I have the following code.
function radioButton(radio) {
    var id = radio.name.substring(radio.name.lastIndexOf(':'));
    var el = radio.form.elements;
    for (var i = 0; i < el.length; i++) {
        if (el.name.substring(el[i].name.lastIndexOf(':')) == id) {
el[i].checked = false;
radio.checked = true;
And in my jsf page I am calling the javascript like
<h:selectOneRadio valueChangeListener="#{dataBean.setSelectedItem}"
                onclick="radioButton(this);">
                <f:selectItem itemValue="" />
            </h:selectOneRadio>The issue I am having is I am getting the following error
radio.name is undefined
var id = radio.name.substring(radio.name.lastIndexOf(':')); How can I resolve this issue?
Thanks

Answer 1

That's a Javascript question and this is a Java forum. Locking this thread.