Динамическое изменение html в jquery цикле

[CrazyBite]

Всем привет. Хочу что бы во время цикла в jquery (.each) динамически обновлялась html (в моем случае $("#result_"+id_value).html("<img src='img/ok.png'>");). В данный момент обновляется только после выполнения всего цикла ( Подскажите как реализовать динамику?

<script>	
	$(document).ready(function(){
		var id_value = "";
		$("#mybutton).click(function(){
			$("input[type=checkbox]:checked").each(function(){
				id_value = $(this).attr("id");
				$.ajax({
					type:'POST',
					async:false,  
					data:{"id":id_value},
					url:'signal_inserter.php?action=insert',					
					success:function(data){
						if (data=="ok"){
							$("#result_"+id_value).html("<img src='img/ok.png'>");
						}else{
							$("#result_"+id_value).html("<img src='img/fail.png'>");
							console.log(data);
						}						
					}
				});				
			});
		});	
	});
	</script>

[ksa]

как реализовать динамику?

Правильно используй область видимости переменной...
Как вариант...

<script>	
	$(document).ready(function(){
		$("#mybutton).click(function(){
			$("input[type=checkbox]:checked").each(function(){
				var id_value = $(this).attr("id");
				var success=function(data){
					if (data=="ok"){
						$("#result_"+id_value).html("<img src='img/ok.png'>");
					}else{
						$("#result_"+id_value).html("<img src='img/fail.png'>");
						console.log(data);
					}						
				};
				$.ajax({
					type:'POST',
					async:false,  
					data:{"id":id_value},
					url:'signal_inserter.php?action=insert',					
					success: success
				});				
			});
		});	
	});
</script>

[CrazyBite]

Да, так правильней, спасибо. Но все равно браузер обновляет хтмл только после окончания цикла.

[danik.js]

Ну ктож штампует запросы в цикле, а? Нужно обернуть все в один запрос, неужели это не очевидно?

[ksa]

Но все равно браузер обновляет хтмл только после окончания цикла.

Дык цикл-то тот быстро "крутится"...

[CrazyBite]

Ну ктож штампует запросы в цикле, а? Нужно обернуть все в один запрос, неужели это не очевидно?

Так это сделано для динамики, мне хочется что бы ok.png всплывали по очереди, как прогрессбар. Понятно, что это кривовато с точки зрения скорости выполнения, но хочу так )

Дык цикл-то тот быстро "крутится"...

Ну на самом деле, на моем компе он не особо быстро крутится )

[danik.js]

что бы ok.png всплывали по очереди, как прогрессбар

Дык это многократно тормозит загрузку. Ничего кроме лишних задержек, лишней нагрузки на сервак, и лишнего трафика это не дает. Если так хочется "прогрессбар" - делай фэйковый рэндомный. Но я не понимаю зачем дурить пользователей.