Использование цикла в jquery не работает

Question

Я хочу использовать для цикла для создания функции jquery, но когда я добавляю параметр массива в строку, это не сработало. Любое предложение?

var ids=["width_uncheck","thickness_uncheck"]; 
var names=['width','thickness']; 
for(i=0;i<2;i++){ 
    $("#"+ids[i]).click(function() { 
     $('input:radio[name='+names[i]+']').each(function(i) { 
      this.checked = false; 
     }); 
    }); 
} 

Answer 1

Вы не можете сделать это, потому что i изменился на это максимум в момент возникновения события щелчка.

Вы должны использовать яваскрипта замыкание, которое вы можете легко сделать с $.each

$.each(ids, function(i, id){ 
    $("#"+id).click(function() { 
     // no need for `each`, just use `prop()` 
     $('input:radio[name='+names[i]+']').prop('checked',false); 
    }); 
}); 

Разница здесь в том, что i является аргументом функции и, следовательно, не изменит его значение в функции пути он будет в for цикле

Answer 2

у вас есть ошибка с селектором с именем радио вам необходимо добавить кавычки знак там Вам нужно использовать $('input:radio[name="'+names[i]+'"]')

Ток

var ids=["width_uncheck","thickness_uncheck"]; 
var names=['width','thickness']; 
for(var i=0;i<2;i++){ 
    $("#"+ids[i]).click(function() { 
     $('input:radio[name="'+names[i]+'"]').each(function(i) { 
      this.checked = false; 
     }); 
    }); 
} 

Answer 3

Вам не хватает кавычек для названия в селекторе.

Вы также можете использовать jquery для каждой функции без элемента для вашего массива.

$.each(ids, function (i, value) { 
    var ids=["width_uncheck","thickness_uncheck"]; 
    var names=['width','thickness']; 

    $("#"+ids[i]).click(function() { 
     $('input:radio[name="'+names[i]+'"]').each(function(i) { 
      this.checked = false; 
     }); 
    }); 
});