Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Не вычитается счетчик динамический INPUT (https://javascript.ru/forum/dom-window/40158-ne-vychitaetsya-schetchik-dinamicheskijj-input.html)

kapustnik 26.07.2013 01:11

Не вычитается счетчик динамический INPUT
 
$(document).ready(function(){
	$('.add').click(function(){
		var num = parseInt($('.counter').val())+1;
		if(num < 5) {
		$('.counter').val(num);
		$('<div class="dynamic_'+num+'"><input type="input" name="dynamic_input_'+num+'" value="" />&nbsp;<a href="#" rel="'+num+'" class="dynamic_remove">-</a></div>').appendTo('.overflow_dynamic');
		}
		
		else {
		alert(num);
		}
		
		return false;
	});
$('.dynamic_remove').live('click',function(){
	var num = $(this).attr('rel');
	$('.dynamic_'+num).remove();
	var num = num - 1;
	return false;
});

});



почему не вычитается счетчик NUM ?

рони 26.07.2013 01:28

kapustnik,
нтмл сами должны придумать для вашего кода?
а пока строка 18 бесполезна -- данные в этой строке нигде больше неиспользуются, да live устарело.

kapustnik 26.07.2013 01:41

<div class="overflow_dynamic">
		<input name="counter" class="counter" value="1" type="hidden" />
		<div class="dynamic_1">
		</div>
</div>

kapustnik 26.07.2013 01:47

Цитата:

а пока строка 18 бесполезна -- данные в этой строке нигде больше неиспользуются, да live устарело.
Я пытаюсь при удалении удалить - 1 от счетчика .

Оно не удаляется, счетчик остается прежним

рони 26.07.2013 01:48

kapustnik,
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
 <meta charset="utf-8">
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  <script>
$(document).ready(function(){
	$('.add').click(function(){
		var num = parseInt($('.counter').val())+1;
		if(num < 5) {
		$('.counter').val(num);
		$('<div class="dynamic_'+num+'"><input type="input" name="dynamic_input_'+num+'" value="" />&nbsp;<a href="#" rel="'+num+'" class="dynamic_remove">-</a></div>').appendTo('.overflow_dynamic');
		}

		else {
		alert(num);
		}

		return false;
	});
$('div').on('click','.dynamic_remove',function(){
	var num = $(this).attr('rel');
	$('.dynamic_'+num).remove();
	num = parseInt($('.counter').val())-1
    $('.counter').val(num)
    return false;
});

});

</script>
</head>

<body>
<div class="overflow_dynamic">
		<input name="counter" class="counter" value="0"  />

</div>
<input name="" class="add" type="button" value="add">
</body>

</html>

kapustnik 26.07.2013 01:52

Спасибо тебе , человечище


Часовой пояс GMT +3, время: 13:11.