增加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);
});

假设您有一个ID为increase

的按钮

http://jquery.com/