Есть вот такая структура формы, содержит поле edit и по бокам кнопки плюс и минус:
<form action="">
<div class="pole">
<span class="minus">
<button type="button"></button>
</span>
<input type="text" value="1">
<span class="plus">
<button type="button"></button>
</span>
</div>
</form>
Нужно чтобы по клике на кнопку + прибавлялось значение на 1, при минус - наоборот. Как это сделать?
Решение "в лоб":
function change(delta) {
var input = document.getElementById("input");
input.value = parseInt(input.value) + delta;
}
<button onclick="change(-1);">-</button>
<input id="input" type="text" value ="1" />
<button onclick="change(1);">+</button>
$(function(){
$('#minus').click(function(){
var k = parseFloat($('#znach').val());
if(k>1){
k = k-1;
}
$('#znach').val(k);
});
$('#plus').click(function(){
var k = parseFloat($('#znach').val());
k = k+1;
$('#znach').val(k);
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="">
<div class="pole">
<span class="minus">
<button type="button" id="minus">-</button>
</span>
<input type="text" value="1" id="znach">
<span class="plus">
<button type="button" id="plus">+</button>
</span>
</div>
</form>
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости