jQuery ui微调器百分比计算

我有一个jquery ui微调器输入，它显示的值从0％到100％，增量为10个。这很好。我正在尝试添加一些附加功能。jQuery ui微调器百分比计算

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

就像我在微调框中输入40％的值比输入框旁边的文本显示剩余60％。这可能吗？预先感谢并为我的糟糕英语感到遗憾。

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

HTML

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

来源

2014-03-12 Raihan

当然，一个简单的方法是将包装在跨度100米和使用jQuery的：

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

jsFiddle example

来源

2014-03-12 15:22:53 j08691

非常好！这是做这件事最简单的方法。谢谢！上帝祝福你。你让我今天一整天都感觉很好。 – Raihan

试试这个代码

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

DEMO

来源

2014-03-12 15:26:07 Girish

您需要添加一个事件监听器自旋（当它上升或下降）。你可以像下面：

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

我希望这有助于！

来源

2014-03-12 15:32:55

jQuery ui微调器百分比计算

回答

相关问题