Bootstrap Slider bar 向左滑動是減去，向右滑動是添加

Question

如果我向左滑動，我想從另一個標簽的值中減去滑塊的值，如果我向右滑動，我想將滑塊的值添加到另一個標簽的值中。

現在它都減去......我使用引導滑塊。

這是javascript：

function subtractfromBeg(newValue) {
    var currentBeg = document.getElementById('amount');
    document.getElementById("amount").innerHTML = parseInt(currentBeg.innerHTML) - newValue;
}

這是 HTML

<div class="row">
    <div class="col-md-12 teBetalen well">
        <h2>Scenario: @Html.DisplayName(Model.ScenarioType.ToString())</h2>
        <h3 id="amount">@Html.DisplayName(Model.Bedrag.ToString()) Euro</h3>
    </div>
</div>

<input id=@("ex" + teller) data-slider-id='ex1Slider'onchange="***subtractfromBeg(this.value)"*** type="text" data-slider-min="@(projectCat?.Min_bedrag ?? 10)" data-slider-max="@(projectCat?.Max_bedrag ?? 20)" data-slider-step="1" data-slider-value="0" />

總數為 300 000

我希望這些圖片能清楚地表達我的意思。 我怎樣才能解決滑塊並讓它感覺它向左移動以便它再次加起來？

Answer 1

我認為您想從 300'000 中減去您的滑塊值。

var amountMax = 300000;

function subtractfromBeg(newValue) {
    document.getElementById("amount").innerHTML = amountMax - newValue;
}