Javascript jQuery ui微调器百分比计算

我有一个jQueryUI微调器输入，它显示从0%到100%的值，增量为10。 这很好。我正在尝试添加一些附加功能

这就是我想要的：在我的微调器字段中，我的值可以是0%到100%之间的任何值，如果 我开始增加或减少值，它应该显示100%的剩余值

例如，如果我在微调器中使值为40%，那么输入字段旁边的文本中应显示剩余的60%。这可能吗？提前谢谢，对不起，我的英语不好

js

$("#spinner").spinner({
    min: 0,
    max: 100,
    step: 10
});

HTML

<input id="spinner"  value="0"/>
<p class="right totalResult">100% Remaining</p>

剩余100%

当然，一个简单的方法是将100封装在一个范围内，并使用以下jQuery：

$("#spinner").spinner({
    min: 0,
    max: 100,
    step: 10,
    spin: function (e, ui) {
        $('p.right.totalResult span').text(100-ui.value)
    }
});

试试这段代码

$("#spinner").spinner({
    min: 0,
    max: 100,
    step: 10,
    spin: function( event, ui ) {
        var remain = 100 - ui.value;
     $(".totalResult").html(remain + "% Remaining");
    }
});

---

您需要为旋转添加一个事件侦听器（当旋转上升或下降时）。 您可以按如下方式进行操作：

$("#spinner").spinner({
    min: 0,
    max: 100,
    step: 10
}).on("spin",function(event, ui){
    $(".right").text((100 - ui.value) + "% Remaining")
});

---

我希望这有帮助

好极了！这是最简单的方法。谢谢上帝保佑你。你让我开心。