Question

我尝试尽可能简单：我有六个jQuery UI滑块，如果它们的值与0不同，我需要获取它们的值，并显示平均值，并且到目前为止让我发疯。 / p>

基本上我有六个（他们的名字来自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 CODE

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();

HTML CODE

<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">

我希望这会有所帮助

从jQuery UI滑块计算并输出平均值

1 个答案: