jquery - 从 jQuery UI 滑块计算和输出平均值

Question

我试着让它尽可能简单：我有六个 jQuery UI 滑块，如果它们的值不为 0，我需要获取它们的值，并显示一个平均值，这让我发疯了。

基本上我有六个（它们的名字来自 pm_rating_c1、pm_rating_c2 等）：

<input type="hidden" name="pm_rating_c1" value="60">

我需要在此输入字段中“实时”输出平均值：

<input type="text" class="rwmb-text" name="pm_overall_score" id="pm_overall_score" value="" size="30">

Answer 1

看看这个我做了一个类，这样循环起来会更容易

http://jsfiddle.net/6SftR/

JS代码

var sum = 0 ; 
 var nums = 0;
$('.slider').bind({

    slidechange : function(event,ui) {
      sum = 0;
      nums  = 0;
    $('.slider').each(function(){

        var value = $( this ).slider( "option", "value" );
        if(value > 0 ) 
         {
            sum += value ; 
            nums++;
          }

        }); 
       var avg = sum / nums ; 
       $('.average').val(Math.floor(avg));
       console.log(avg); 
    }
}).slider();

代码

<div class="slider"></div>
<div class="slider"></div>
<div class="slider"></div>
<div class="slider"></div>
<div class="slider"></div>
<div class="slider"></div>


    <input type="text" class="average" name="pm_overall_score" id="pm_overall_score" value="" size="30">

我希望这个能帮上忙