Как сделать кнопки + и - для edit? [закрыто]

243
10 декабря 2016, 10:31

Есть вот такая структура формы, содержит поле 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, при минус - наоборот. Как это сделать?

Answer 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>

Answer 2

$(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>

READ ALSO
Постановка ударения в html

Постановка ударения в html

Пытаюсь поставить ударение над заглавной буквой "У" в шрифте Open Sans Condensed, но при его постановке шрифт буквы У меняется на другойЯ не могу понять:...

253
При вставке тега &lt;img&gt; код слетает

При вставке тега <img> код слетает

Здравствуйте! Имеется код, который заменяет значение в определенном блоке:

261
jQuery смена background по клику

jQuery смена background по клику

Есть у меня целый список элементов-ссылокКаждому присвоен класс

363
Как сделать проверку на max-width в jQuery?

Как сделать проверку на max-width в jQuery?

Мне нужно чтобы скрипт выполнялся только тогда, когда ширине окна выше заданного значенияКак это сделать? Код, который нужно выполнять:

260