将步骤添加到自定义jQuery Spinner

时间:2014-03-09 12:13:15

标签: javascript jquery

请你看看This Demo并告诉我如何添加步骤代码以便每次增加值,增加10到现有值直到达到100?并将值递减到零?

正如我所说,我需要在10号码上迈出一步。

<div class="btn-group input-group">
    <button type="button" class="btn btn-default minus">-</button>
    <button type="button" class="btn btn-default opacity">% 0&nbsp;&nbsp;</button>
    <button type="button" class="btn btn-default plus">+</button>
</div>

$(document).ready(function () {

    var i=1;
    $(".plus").on("click", function () {
        if(i<11) $(".opacity").html("% " +i++);
    });
    $(".minus").on("click", function () {
        if(i>0) $(".opacity").html("% " +i--);
    });
});

1 个答案:

答案 0 :(得分:1)

你去吧

$(document).ready(function () {

    var i=0;
    $(".plus").on("click", function () {
        if(i<10) $(".opacity").html("% " +((++i)*10));
    });
    $(".minus").on("click", function () {
        if(i>0) $(".opacity").html("% " +((--i)*10));
    });
});

jsFiddle