Problem Using GetElementsByName On 2 Dimensional Array In IE

How can I fetch a part of the array in IE?

The code works as expected in Opera and Firefox, but IE returns an error saying that matchPaid does not contain a value.

As it seems IE does not pull any of the input fields belonging in the array.

I believe the issue lies in this line:

var matchPaid = document.getElementsByName("plan_bonus_amount["+key+"][]");

The rest of the function:

JavaScript Code:

function updateMatchPowerline(total, newPlan) {
    var totalPlan = parseInt(document.getElementById("total_plans").value);
    var totalMatch = document.getElementById("total_match");
   
    if (newPlan === true) totalPlans = totalPlan + 1;
    else totalPlans = totalPlan;
   
    var matchValue = 0;
   
    for (var key=0;key < totalPlans;key++) {
        var div = document.getElementById("match_table_"+key);
        var newTbody = document.createElement("tbody"); 
       
        var match = new Array();
       
        if (key < totalPlan && parseInt(totalMatch.value) > 0) {
            /*Fetch the current values, then clear the table*/
            var matchPaid = document.getElementsByName("plan_bonus_amount["+key+"][]");
           
            for (var nr=0;nr < parseInt(totalMatch.value);nr++) {
                match[nr] = parseFloat(matchPaid[nr].value);
            }
           
            remove(div);
        }
       
        for (var nr=0;nr < total;nr++) {           
            if (typeof(match[nr]) != 'undefined') matchValue = match[nr];
            else matchValue = 0;
       
            newTbody = createMatchPowerline(newTbody, key, nr, matchValue);
        }
       
        div.appendChild(newTbody);
    }
   
    totalMatch.value = total;
}

Does anyone have an idea on how I can fetch those values in IE?