Ползунок пользовательского интерфейса, добавляющий значения текстового поля

Надеюсь, кто-то может мне помочь, я новичок в Jquery, и это единственное, с чем я все еще борюсь. У меня есть ползунок с 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)

person Nicky    schedule 16.08.2011    source источник
comment
Под add вы имеете в виду сумму или конкатенацию? Кроме того, каков идентификатор четвертого (пятого?) текстового поля?   -  person Frédéric Hamidi    schedule 16.08.2011


Ответы (2)


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

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

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

person David Spence    schedule 28.08.2011
comment
Без проблем! Пожалуйста, отметьте как ответ, если это ответило на ваш вопрос! :) - person David Spence; 31.08.2011

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

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

person Jay    schedule 29.08.2012