jQuery 滑块 UI 值与用于乘法计算的输入混合

jQuery Slider UI Value mixed with Inputs for multiplication computation

本文关键字：计算 输入 混合 用于 滑块 UI jQuery      更新时间：2023-09-26

第一次在这里发帖。我感谢任何帮助。我打算积极主动并提供帮助！

我查看了其他帖子，没有找到任何完全相关的内容。

这很接近：从jQuery UI Slider获取值

有人有使用jQuery Slider UI的经验吗？

我

能够将滑块的初始值传递给我编写的脚本，但我想在每次滑块移动到 #total 字段的变量"a"时传递该值。

有什么帮助吗？

http://jsbin.com/ebahur/21/edit#javascript,html,live

像这样： jsFiddle 示例

我将函数从输入更改中移出，以便您可以在输入更改和滑块移动时调用它。

jQuery 

$("#slider").slider({
    range: "min",
    value: 35,
    min: 20,
    max: 95,
    step: 5,
    slide: function(event, ui) {
        $("#amount").val("$" + ui.value);
        calc();
    }
});
$("#amount").val("$" + $("#slider").slider("value"));
$('#total').css('color', 'red');
$('input').change(calc);
function calc() {
    var n = $('#n').val();
    var y = $('#y').val() / 100; /*var a = $('#a').val() / 100;*/
    var a = $('#slider').slider('value') / 100;
    var x = $('#x').val();
    var total = n * y * a * x * 0.35;
    if (!isNaN(total)) {
        $('#total').attr('value', total);
    } else {
        alert('Opps Error! Please only numbers');
    }
}

​

相关文章：