Question

var brands = document.getElementsByName("brand");
for(var brand in brands){
    $("input[name='brand']").eq(brand).click(function(){
                        alert("hello22");
                        loadDataFN(1);                
                });
}

This code is not executing in ie6,
Any help would be appreciated.

Answer 1

The problem is likely that you are trying to use a for-in construct to iterate over a numeric array. This often won’t give expected results. Use an incremental for loop instead:

var brands = document.getElementsByName("brand");

// Use an incremental for loop to iterate an array
for(var i=0; i<brands.length; i++){
    $("input[name='brand']").eq(brands[i]).click(function(){
                        alert("hello22");
                        loadDataFN(1);                
                });
}

However,

after seeing the first part of your code, the loop appears unnecessary. You should only need the following, since you are assigning the same function to all brand inputs.

// These will return the same list of elements (as long as you don't have non-input elements named brand)
// though the jQuery version will return them as jQuery objects
// rather than plain DOM nodes
var brands = document.getElementsByName("brand");
$("input[name='brand']");

Therefore, the getElementsByName() and loop are not necessary.

$("input[name='brand']").click(function() {
       alert("hello22");
       loadDataFN(1);                
});

for-in loops are used for iterating over the properties of an object, not over the elements of an array.