У меня еще вопросик? Сейчас выводится результат (Сумма
только когда я ввожу значение c клавиатуры и нажимаю ввод, а вот по плюс/минус в режиме так сказать «реального времени» Не работает! Спасибо!
<script >
$(document).ready(function() {
form = $("#calc");
var input = $('.inp'); // наш инпут
var a; // тут будел лежать текущее значение
$('.plus').click(function(){ // по клику на плюс
a = input.val(); // получить текущее значение
a++; // увеличить на 1
input.val(a); // вернуть инпуту
});
$('.minus').click(function(){ // по клику на минус
a = input.val(); // получить текущее значение
a = (a<1)?0:a-1;
// a--; // уменьшить на 1
input.val(a); // вернуть инпуту
});
$("#sum span").text("0");
form.change(function() {
totalSum = 0
$("#input").each(function() {
var input = parseInt($("#input").val()) * parseInt($("#input").attr("name"));
totalSum += input;
});
$("#sum span").text(totalSum);
});
});
</script>
</head>
<body>
<form>
<div id="calc">
<input type="text" class="inp" value ="0" id="input" name="100" />
<div class="plus" style=" display: inline-block; height: 20px; width: 20px; background-color: red;">+</div>
<div class="minus" style="display: inline-block; height: 20px; width: 20px; background-color: green; margin-right: 10px;">-</div>
<input type="text" class="inp_tu" value ="0" id="input" name="100" />
</div>
</form>
<p id="sum">Сумма:<strong><span></span></strong> р.</p>
</body>