Javascript 最小值不起作用

我为4件事设置了最小值，但遇到了一个问题。所有4件事都有第一件事的最小值。当我们移动滑块时，一切都会恢复正常，工作正常。问题在哪里

链接：

$（'#field2'）。范围滑块({
polyfill:false，
onInit:function（）{
$（'#input2'）.val（$（'input[type=“range”]）.val（））；
},
onSlide：函数（位置、值）{
$（'.content#input2'）.val（值）；
},
onslidend：函数（位置、值）{
}
});
//滑块更改时更改输入字段的值
$（'#field2'）。在（'input'，function（）上{
$（'#input2'）.val（this.value）；
console.log（'$'+$（'#input2'）.val（））；
});
//更改输入更改时滑块字段的值
$（'#input2'）。在（'input'，function（）上{
如果（this.value.length==0）$（'#field2'）.val（0.change（）；
$（'#field2'）.val（this.value）.change（）；
});
医疗费用
$ 
车辆损坏
$ 
此行：

$('#input4').val($('input[type="range"]').val());

选择所有
输入[type=“range”]
，获取第一个输入的值，并将其分配给
$（'#input4'）

由于复制/粘贴了4次相同的代码，因此每个输入都使用相同的值初始化，即1

$('#input1').val($('input[type="range"]').val());
$('#input2').val($('input[type="range"]').val());
$('#input3').val($('input[type="range"]').val());
$('#input4').val($('input[type="range"]').val());

开始移动滑块，然后返回到开始位置后，值会发生变化，然后应用相应的最小值（1,2,3,4）

解决方案虽然仍然非常不美观，但应该是手动指定正确的初始值：

$('#input1').val(1);
$('#input2').val(2);
$('#input3').val(3);
$('#input4').val(4);

请你解释得更详细一点，这样我们可以帮助你更好地重复相同的代码4次，因为你有4个滑块。如果你有100个滑块，我想你不会想复制/粘贴100倍相同的代码。@JeremyThille我只需要2个滑块，所以你的JSFIDLE中有2个额外的滑块。@FaisalMehmoodAwan我将“医疗费用”的最小值设置为1（字段1），车辆损坏设置为2（字段2），收入损失设置为3（字段3），而“租车费用”设置为4（字段4）. 当我们运行脚本时：对于field2，field3和field4显示field1的最小值。当我们移动滑块时，最小值将正常工作。