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

第一次在这里发布。谢谢你的帮助。我计划在这方面积极主动并给予帮助

我查看了其他帖子，没有发现任何与之完全相关的内容

这很接近：

有人有使用jQuery滑块UI的经验吗

我可以将滑块的初始值传递给我编写的脚本，但我希望每次滑块移动到#total字段的变量“a”时都传递该值

有什么帮助吗

像这样：

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

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');
    }
}

​

像这样：

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

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');
    }
}

---

​

我不清楚你需要做什么。您似乎能够很好地获取滑块的值，那么让它与#total字段一起工作有什么问题？抱歉-我想我在将其传递给其他javascript函数时遇到了问题。我不知道为什么我不能让它工作。这仅适用于初始调用：var a=$（“#slider”）.slider（'value'）/100；我仍然不是100%清楚，但你在找这样的东西吗：？我将函数从输入更改中移出，以便在输入更改和滑块移动时都可以调用它。你是我的英雄……感谢你破译我解释js困境的可怜尝试……太棒了……我无法告诉你我有多宽慰。我怎么能在这里给你+1或学分？太好了。如果你觉得我的回答是有帮助的，请考虑把它投票，并选择它作为可接受的答案。我不清楚你需要做什么。您似乎能够很好地获取滑块的值，那么让它与#total字段一起工作有什么问题？抱歉-我想我在将其传递给其他javascript函数时遇到了问题。我不知道为什么我不能让它工作。这仅适用于初始调用：var a=$（“#slider”）.slider（'value'）/100；我仍然不是100%清楚，但你在找这样的东西吗：？我将函数从输入更改中移出，以便在输入更改和滑块移动时都可以调用它。你是我的英雄……感谢你破译我解释js困境的可怜尝试……太棒了……我无法告诉你我有多宽慰。我怎么能在这里给你+1或学分？太好了。如果你觉得我的答案是有用的，请考虑把它投票，并选择它作为公认的答案。