Question

我有一个范围滑块，我希望将其max value设置为等于value输入的id="form-prezzo"。最后一个值是动态生成的。

这有可能吗？

我不知道如何设置max:$form("prezzo").val,

这是我的代码

const $mutuo = $("#mutuo"),
      $rata = $("#rata"),
      $anni = $("#anni"),
      $slider1 = $("#slider1"),
      $slider2 = $("#slider2"),
      $max = $("#prova");

    function update() {
      let interesseannuo = 1.60,
        C = $("#form-prezzo").val(),
        anni = $anni.val(),
        i = interesseannuo / 12 / 100,
        n = anni * 12,
        rata = C * i / (1 - Math.pow(1 + i, -n));

      $rata.html(rata.toFixed(2) + " €");
    }

    $slider1.slider({
      //max: 100000-(100000/100*20),
      max: $max.html(),
      min: 0,
      step: 10,
      slide: function(event, ui) {
        $mutuo.val(ui.value);
        update();
      }
    });

<link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js" type="text/javascript"></script>





<div class="info-paragraph black" id="prova">1000</div>
<p class="info-paragraph black">Totale mutuo (€)</p>
<div id="slider1"></div>
<input class="info-paragraph black" type="text" id="mutuo" value="0"><br>

Answer 1

如果max: $("#form-prezzo").val()无法正常工作，我认为是由于$("#form-prezzo").val()的返回值是String类型。

尝试使用max: parseInt($("#form-prezzo").val())或max: parseFloat($("#form-prezzo").val())，看看是否可行。

在其中插入动态值

1 个答案: