javascript - 乗算計算のための入力と混合されたjQuery Slider UI値

Question

ここに初めて投稿します。助けていただければ幸いです。そのお手伝いをしながら活動していきたいと思います！

他の投稿を見ましたが、正確に関連するものは見つかりませんでした。

これは近かった: jQuery UI Slider から値を取得する

jQuery Slider UI を使った経験のある人はいますか?

書いたスクリプトにスライダーの初期値を渡すことはできますが、 #total フィールドの変数「a」にスライダーが動くたびに値を渡したいです。

何か助けはありますか？

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

Answer 1

このように: 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');
    }
}

</p>