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微調器百分比計算

回答

相關問題