Кнопка увеличения диапазона HTML5

Question

Я использую код, который выглядит следующим образом:

<label for="htop">Top: </label><input type="range" name="htop" id="htop" value="0" min="0" max="2" />

Я хотел бы добавить кнопку, которая будет увеличивать значение диапазона на 1 при каждом нажатии. Есть ли хороший способ сделать это?

Answer 1

используя jQuery, вы можете сделать это.

$('button#increase').click(function(){
    var range = $('input#htop');
    range.attr('max', parseInt(range.attr('max')) + 1);
});

при условии, что у вас есть кнопка с идентификатором increase

http://jquery.com/