This is my first attempt in Javascript, so may be this is fairly easy question.

I need to access row element of a table, each row contains checkbox and two other column. If checkbox is checked, i need to get the id of checkbox.

I made following attempt but element_table.rows returns undefined, therefore i could not proceed. I debugged using Inspect element tool of eclipse and found element_table contains the rows.

Please suggest where I am making a mistake.

Javascript code:

function myfunction3(){

    var element_table = document.getElementsByName('collection');

    var element_tableRows = element_table.rows;

    var selectedTr = new Array();

    var data = ;

    for(var i =0 ; element_tableRows.length;i++)

    {

        var checkerbox = element_tableRows[i].getElementsByName('checkmark');

        if(checkerbox.checked){

            selectedTr[selectedTr.length] = element_tableRows[i].getAttribute(name);

            data = data + element_tableRows[i].getAttribute(name);

        }

    }

    var element_paragraph = document.getElementsByName('description');

    element_paragraph.innerHTML = data;

}

html code:

<table name=collection border=1px>

    <tr name=1>

        <td><input type=checkbox name=checkmark></td>

        <td>Tum hi ho</td>

        <td>Arjit singh</td>

    </tr>

    <tr name=2>

        <td><input type=checkbox name=checkmark></td>

        <td>Manjha</td>

        <td>Somesh</td>

    </tr>

    <tr name=3>

        <td><input type=checkbox name=checkmark></td>

        <td>Ranjhana</td>

        <td>A.R Rehman</td>

    </tr>

</table>



<input type=button value=Check onclick=myfunction3()>