0

できるだけシンプルにするようにしています。6つのjQueryUIスライダーがあり、値が0と異なる場合はそれらの値を取得し、平均を表示する必要があります。これまでのところ、私は夢中になっています。

基本的に私はこれらのうちの6つを持っています（それらの名前は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">
4

1 に答える 1

2

Check this out I made a class so it would be easier to loop through

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

I hope this will help

于 2013-01-30T23:23:57.770 に答える