Bootstrap Slider bar向左滑动是减法,向右滑动是添加

时间:2016-05-13 13:54:10

标签: javascript html twitter-bootstrap

如果我向左滑动,我想从另一个标签的值中减去滑块的值,如果我向右滑动,我想将滑块的值添加到另一个标签的值。

现在它都减去......我使用引导滑块。

这是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

enter image description here

enter image description here

我希望这些照片能说明我的意思。如何解决滑块问题并使其向左移动以便再次累加?

1 个答案:

答案 0 :(得分:0)

我认为您希望从300&000; 000中减去滑块值。

var amountMax = 300000;

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