0

我需要一些建议（帮助）以最有效的方式实现包含范围滑块以设置值（在本例中为年里程）的表单，然后获取该值并将其乘以设置常数（0.05）并插入结果进入第二个表单字段，单位为英镑 (£)，精确到小数点后 2 位，适当舍入。我正在使用一个名为 No UI Slider ( http://refreshless.com/nouislider/ ) 的滑块，并在此处设置了基本元素：

$("#sliderAnnualMileage").noUiSlider({
start: [ 0 ],
step: 1000,
range: {
'min': [ 0 ],
'max': [ 120000 ]
 },
connect: "lower",
serialization: {

lower: [

  $.Link({
    target: $("#mileage"),
    format: {
      thousand: ',',
      decimals: 0,
      postfix: ' miles'
     }
    })
  ]
 }
});

这是一个部分工作的 JS Fiddle： http: //jsfiddle.net/highlander/jMA98/1/ 您的任何见解或经验将不胜感激。

4

2 回答 2

0

无论出于何种原因，您的滑块都会重置该值。

http://jsfiddle.net/jMA98/2/

$('#mileage').on('change',function(){
    console.log($(this).val().replace(' miles',''));
    $('#annualSavings').val($(this).val().replace(' miles','')*0.05);
});

除此之外，这有效。

于 2014-06-17T14:25:09.750 回答
0

您可以$.Link使用格式化功能将另一个设置为第二个输入框：

lower: [
  // your one
  // then this:
  $.Link({
    target: $("#annualSavings"),
    method: function (val) {
        $(this).val("£" + (val * 0.05).toFixed(2));
    }
  })
]

这是结果：http: //jsfiddle.net/jMA98/3/

于 2014-06-17T14:27:09.910 回答