Question

我有输入滑块（请参阅jsfiddle），在更改时我想循环显示其值并获得总计。

我写了我认为会这样做的代码，但是我失败了，看到小提琴，并提前感谢你！

Percentage Sliders<br><br>
<input type="tex" class="slida" type="text" data-slider="true" data-slider-range="0,100" data-slider-step="25" data-slider-snap="true" data-slider-theme="volume" >
<br><br>

<input type="tex" class="slida" type="text" data-slider="true" data-slider-range="0,100" data-slider-step="25" data-slider-snap="true" data-slider-theme="volume" > 


$(".slida").bind("slider:changed", function (event, data) {
  console.log("Changed Value: ", data.value);
  $(this).each(function() {
    total = 0;
    $(this).each(function() {
        total += parseInt( $(this).val() );    
    });     
  });  
  console.log("TOTAL: ", total)

});
// end

Answer 1

您迭代的$(this)只是更改的元素，因此$.each()在该上下文中不会用于任何目的......但是

var total = 0;
$('.slida').each(function(){
   total += parseInt($(this).val());
});

当您访问所有滑块的值时，肯定适合模具，而不仅仅是您正在触发事件的那个。

As usual, here's your Fiddle

jquery循环输入值并获得总和

1 个答案: