UI Slider添加文本框值

时间:2011-08-16 16:19:10

标签: jquery-ui slider jquery-ui-slider

希望有人可以帮助我,我是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 :(得分:0)

我推荐你的代码去做你所要求的。你可以在这里查看:

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

您必须使用'parseInt($(“#idOfTextbox”))'将文本框中的每个值转换为整数,以便可以添加它们,否则您将获得值的串联作为结果。希望这已经满足了您的需求:)

答案 1 :(得分:0)

我做了类似的事情,因为我正在寻找这个功能

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