Слайдер пользовательского интерфейса, добавляющий значения текстового поля - PullRequest
2 голосов
/ 16 августа 2011

Надеюсь, кто-нибудь может мне помочь, я новичок в Jquery, и это единственное, с чем я все еще борюсь.У меня есть ползунок с 3 текстовыми полями, при скольжении ползунок он будет автоматически заполнять значения для всех трех текстовых полей.Я хочу, чтобы четвертое текстовое поле добавило все значения из 3 текстовых полей, в которых уже есть значения.

Я получаю значения, используя следующее:

<script>
    $(function () {
        var sum = 0;
        $("#slider").slider({
            value: 2300,
            min: 500,
            max: 4500,
            step: 100,
            length: 300,
            slide: function (event, ui) {
                // Rule Calculation
                if (ui.value < 1000)
                    $("#amount3").val(ui.value * 0.15)
                else
                    $("#amount3").val(150)

                //10% Calculation
                if (ui.value > 1000)
                    $("#amount8").val(ui.value - 1000)
                else
                    $("#amount8").val(0)

                $("#amount").val("R" + ui.value)

                $("#amount9").val($("#amount8").val() * 0.10)

Ответы [ 2 ]

0 голосов
/ 29 августа 2012

Я сделал что-то похожее, потому что искал эту функциональность

http://jsbin.com/ojeruc/1/edit

0 голосов
/ 28 августа 2011

Я изменил ваш код, чтобы сделать то, что вы просили. Вы можете посмотреть его здесь:

http://jsfiddle.net/rLKbR/163/

Вы должны использовать 'parseInt ($ ("# idOfTextbox")) ", чтобы преобразовать каждое значение в ваших текстовых полях в целые числа, чтобы их можно было добавить, иначе вы получите конкатенацию значений в качестве результата. Надеюсь, это удовлетворяет ваши потребности:)

...