Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Средне арифметическое в двух столбцах таблицы (https://javascript.ru/forum/dom-window/35383-sredne-arifmeticheskoe-v-dvukh-stolbcakh-tablicy.html)

deespe11 09.02.2013 15:38
Средне арифметическое в двух столбцах таблицы
 
Всем доброго дня. Помогите пожалуйста найти средне арифметическое(сложить все числа и разделить на их количество :)) в этих двух столбцах: 



<table class="paddingg">
<tbody><tr><td colspan="2" id="idtable"><b>Игровые</b></td><td colspan="2" id="idtable">&nbsp; <b>Психологические</b></td></tr><tr><td>Контроль мяча</td><td style="text-align: right;"><span style="color: green;">84</span></td><td>&nbsp; Дальновидность</td><td style="text-align: right;">76</td></tr>
<tr><td>Дриблинг</td><td style="text-align: right;">83</td><td>&nbsp; Агрессивность</td><td style="text-align: right;">74</td></tr>
<tr><td>Реализация</td><td style="text-align: right;">80</td><td>&nbsp; Реакция</td><td style="text-align: right;">78</td></tr>
<tr><td>Сила удара</td><td style="text-align: right;">82</td><td style="text-align: justify;">&nbsp; Самообладание</td><td style="text-align: right;">77</td></tr>
<tr><td>Точность</td><td style="text-align: right;">81</td><td style="text-align: left;">&nbsp; Стабильность</td><td style="text-align: right;">85</td></tr><tr><td>Удар с лёта</td><td style="text-align: right;">83</td><td style="text-align: left;">&nbsp; Знание техники</td><td style="text-align: right;">78</td></tr>
<tr><td>Подачи</td><td style="text-align: right;">85</td><td id="idtable" colspan="2"><b>&nbsp; Физические</b></td></tr><tr><td>Пас</td><td style="text-align: right;">83</td><td>&nbsp; Ускорение</td><td style="text-align: right;">89</td></tr>
<tr><td>Дальний пас</td><td style="text-align: right;">81</td><td>&nbsp; Скорость</td><td style="text-align: right;">91</td></tr><tr><td>Игра головой</td><td style="text-align: right;">75</td><td>&nbsp; Ловкость</td><td style="text-align: right;">86</td></tr>
<tr><td>Отбор на месте</td><td style="text-align: right;">78</td><td>&nbsp; Прыгучесть</td><td style="text-align: right;">81</td></tr><tr><td>Отбор в движении</td><td style="text-align: right;">79</td><td>&nbsp; Сила</td><td style="text-align: right;">81</td></tr>
<tr><td id="idtable" colspan="2"><b>Стандарты</b></td><td>&nbsp; Выносливость</td><td style="text-align: right;">88</td></tr><tr><td>Штрафные</td><td style="text-align: right;">83</td><td>&nbsp; Баланс</td><td style="text-align: right;">84</td></tr><tr><td>Угловые</td><td style="text-align: right;">79</td></tr><tr><td>Пенальти</td><td style="text-align: right;">54</td></tr>
</tbody></table><br>

рони 09.02.2013 16:15
deespe11,
<!DOCTYPE HTML>

<html>

<head>
  <title></title>
  <meta charset="utf-8" />
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">

$(document).ready(function(){
    $(document).on("click", ".but", function(){
    var sum = 0, n = 0;
    $(".paddingg td").each(function () {
            var num = $(this).text();
            num = parseFloat(num);
            if (num||num === 0) {sum+= num; n++;}
        });
     alert((sum/n).toFixed(2));
});
});
</script>
</head>

<body>
<table class="paddingg">
    <tbody>
        <tr>
            <td colspan="2" id="idtable"><b>Игровые</b>
            </td>
            <td colspan="2" id="idtable">&nbsp; <b>Психологические</b>
            </td>
        </tr>
        <tr>
            <td>Контроль мяча</td>
            <td style="text-align: right;"><span style="color: green;">84</span>
            </td>
            <td>&nbsp; Дальновидность</td>
            <td style="text-align: right;">76</td>
        </tr>
        <tr>
            <td>Дриблинг</td>
            <td style="text-align: right;">83</td>
            <td>&nbsp; Агрессивность</td>
            <td style="text-align: right;">74</td>
        </tr>
        <tr>
            <td>Реализация</td>
            <td style="text-align: right;">80</td>
            <td>&nbsp; Реакция</td>
            <td style="text-align: right;">78</td>
        </tr>
        <tr>
            <td>Сила удара</td>
            <td style="text-align: right;">82</td>
            <td style="text-align: justify;">&nbsp; Самообладание</td>
            <td style="text-align: right;">77</td>
        </tr>
        <tr>
            <td>Точность</td>
            <td style="text-align: right;">81</td>
            <td style="text-align: left;">&nbsp; Стабильность</td>
            <td style="text-align: right;">85</td>
        </tr>
        <tr>
            <td>Удар с лёта</td>
            <td style="text-align: right;">83</td>
            <td style="text-align: left;">&nbsp; Знание техники</td>
            <td style="text-align: right;">78</td>
        </tr>
        <tr>
            <td>Подачи</td>
            <td style="text-align: right;">85</td>
            <td id="idtable" colspan="2"><b>&nbsp; Физические</b>
            </td>
        </tr>
        <tr>
            <td>Пас</td>
            <td style="text-align: right;">83</td>
            <td>&nbsp; Ускорение</td>
            <td style="text-align: right;">89</td>
        </tr>
        <tr>
            <td>Дальний пас</td>
            <td style="text-align: right;">81</td>
            <td>&nbsp; Скорость</td>
            <td style="text-align: right;">91</td>
        </tr>
        <tr>
            <td>Игра головой</td>
            <td style="text-align: right;">75</td>
            <td>&nbsp; Ловкость</td>
            <td style="text-align: right;">86</td>
        </tr>
        <tr>
            <td>Отбор на месте</td>
            <td style="text-align: right;">78</td>
            <td>&nbsp; Прыгучесть</td>
            <td style="text-align: right;">81</td>
        </tr>
        <tr>
            <td>Отбор в движении</td>
            <td style="text-align: right;">79</td>
            <td>&nbsp; Сила</td>
            <td style="text-align: right;">81</td>
        </tr>
        <tr>
            <td id="idtable" colspan="2"><b>Стандарты</b>
            </td>
            <td>&nbsp; Выносливость</td>
            <td style="text-align: right;">88</td>
        </tr>
        <tr>
            <td>Штрафные</td>
            <td style="text-align: right;">83</td>
            <td>&nbsp; Баланс</td>
            <td style="text-align: right;">84</td>
        </tr>
        <tr>
            <td>Угловые</td>
            <td style="text-align: right;">79</td>
        </tr>
        <tr>
            <td>Пенальти</td>
            <td style="text-align: right;">54</td>
        </tr>
    </tbody>
</table>
<br>
<input type="button" name="" value="summ" class="but" />
</body>

</html>

deespe11 09.02.2013 16:24
рони, дико извиняюсь, но что-то кнопка не работает....

рони 09.02.2013 16:53
deespe11,
поправил жмите )))

deespe11 09.02.2013 17:08
рони, спасибо, теперь работает.

думал, что смогу сам сделать, но не получилось. Вы можете сделать вывод результата после таблицы без нажатия кнопки и вывода дополнительного окна? очень нужно)

рони 09.02.2013 17:10
deespe11,хтмл код того в чём должен быть результат?

deespe11 09.02.2013 17:15
да вот прям в этом можно

Цитата:
Сообщение от рони (Сообщение 232726)
deespe11,
<!DOCTYPE HTML>

<html>

<head>
  <title></title>
  <meta charset="utf-8" />
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">

$(document).ready(function(){
    $(document).on("click", ".but", function(){
    var sum = 0, n = 0;
    $(".paddingg td").each(function () {
            var num = $(this).text();
            num = parseFloat(num);
            if (num||num === 0) {sum+= num; n++;}
        });
     alert((sum/n).toFixed(2));
});
});
</script>
</head>

<body>
<table class="paddingg">
    <tbody>
        <tr>
            <td colspan="2" id="idtable"><b>Игровые</b>
            </td>
            <td colspan="2" id="idtable">&nbsp; <b>Психологические</b>
            </td>
        </tr>
        <tr>
            <td>Контроль мяча</td>
            <td style="text-align: right;"><span style="color: green;">84</span>
            </td>
            <td>&nbsp; Дальновидность</td>
            <td style="text-align: right;">76</td>
        </tr>
        <tr>
            <td>Дриблинг</td>
            <td style="text-align: right;">83</td>
            <td>&nbsp; Агрессивность</td>
            <td style="text-align: right;">74</td>
        </tr>
        <tr>
            <td>Реализация</td>
            <td style="text-align: right;">80</td>
            <td>&nbsp; Реакция</td>
            <td style="text-align: right;">78</td>
        </tr>
        <tr>
            <td>Сила удара</td>
            <td style="text-align: right;">82</td>
            <td style="text-align: justify;">&nbsp; Самообладание</td>
            <td style="text-align: right;">77</td>
        </tr>
        <tr>
            <td>Точность</td>
            <td style="text-align: right;">81</td>
            <td style="text-align: left;">&nbsp; Стабильность</td>
            <td style="text-align: right;">85</td>
        </tr>
        <tr>
            <td>Удар с лёта</td>
            <td style="text-align: right;">83</td>
            <td style="text-align: left;">&nbsp; Знание техники</td>
            <td style="text-align: right;">78</td>
        </tr>
        <tr>
            <td>Подачи</td>
            <td style="text-align: right;">85</td>
            <td id="idtable" colspan="2"><b>&nbsp; Физические</b>
            </td>
        </tr>
        <tr>
            <td>Пас</td>
            <td style="text-align: right;">83</td>
            <td>&nbsp; Ускорение</td>
            <td style="text-align: right;">89</td>
        </tr>
        <tr>
            <td>Дальний пас</td>
            <td style="text-align: right;">81</td>
            <td>&nbsp; Скорость</td>
            <td style="text-align: right;">91</td>
        </tr>
        <tr>
            <td>Игра головой</td>
            <td style="text-align: right;">75</td>
            <td>&nbsp; Ловкость</td>
            <td style="text-align: right;">86</td>
        </tr>
        <tr>
            <td>Отбор на месте</td>
            <td style="text-align: right;">78</td>
            <td>&nbsp; Прыгучесть</td>
            <td style="text-align: right;">81</td>
        </tr>
        <tr>
            <td>Отбор в движении</td>
            <td style="text-align: right;">79</td>
            <td>&nbsp; Сила</td>
            <td style="text-align: right;">81</td>
        </tr>
        <tr>
            <td id="idtable" colspan="2"><b>Стандарты</b>
            </td>
            <td>&nbsp; Выносливость</td>
            <td style="text-align: right;">88</td>
        </tr>
        <tr>
            <td>Штрафные</td>
            <td style="text-align: right;">83</td>
            <td>&nbsp; Баланс</td>
            <td style="text-align: right;">84</td>
        </tr>
        <tr>
            <td>Угловые</td>
            <td style="text-align: right;">79</td>
        </tr>
        <tr>
            <td>Пенальти</td>
            <td style="text-align: right;">54</td>
        </tr>
    </tbody>
</table>
<br>
<input type="button" name="" value="summ" class="but" />
</body>

</html>

Deff 09.02.2013 17:15
рони,
Итого: 80.64

рони 09.02.2013 17:36
Deff, итого так итого )))

<!DOCTYPE HTML>

<html>

<head>
  <title></title>
  <meta charset="utf-8" />
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    var sum = 0, n = 0;
    $(".paddingg td").each(function () {
            var num = $(this).text();
            num = parseFloat(num);
            if (num||num === 0) {sum+= num; n++;}
        });
   var tr = $("<tr/>").append($("<td/>").text('Итого: '+(sum/n).toFixed(2)).css({'font-weight': 'bolder'}))
   $('.paddingg tbody').append(tr);
});
</script>
</head>

<body>
<table class="paddingg">
    <tbody>
        <tr>
            <td colspan="2" id="idtable"><b>Игровые</b>
            </td>
            <td colspan="2" id="idtable">&nbsp; <b>Психологические</b>
            </td>
        </tr>
        <tr>
            <td>Контроль мяча</td>
            <td style="text-align: right;"><span style="color: green;">84</span>
            </td>
            <td>&nbsp; Дальновидность</td>
            <td style="text-align: right;">76</td>
        </tr>
        <tr>
            <td>Дриблинг</td>
            <td style="text-align: right;">83</td>
            <td>&nbsp; Агрессивность</td>
            <td style="text-align: right;">74</td>
        </tr>
        <tr>
            <td>Реализация</td>
            <td style="text-align: right;">80</td>
            <td>&nbsp; Реакция</td>
            <td style="text-align: right;">78</td>
        </tr>
        <tr>
            <td>Сила удара</td>
            <td style="text-align: right;">82</td>
            <td style="text-align: justify;">&nbsp; Самообладание</td>
            <td style="text-align: right;">77</td>
        </tr>
        <tr>
            <td>Точность</td>
            <td style="text-align: right;">81</td>
            <td style="text-align: left;">&nbsp; Стабильность</td>
            <td style="text-align: right;">85</td>
        </tr>
        <tr>
            <td>Удар с лёта</td>
            <td style="text-align: right;">83</td>
            <td style="text-align: left;">&nbsp; Знание техники</td>
            <td style="text-align: right;">78</td>
        </tr>
        <tr>
            <td>Подачи</td>
            <td style="text-align: right;">85</td>
            <td id="idtable" colspan="2"><b>&nbsp; Физические</b>
            </td>
        </tr>
        <tr>
            <td>Пас</td>
            <td style="text-align: right;">83</td>
            <td>&nbsp; Ускорение</td>
            <td style="text-align: right;">89</td>
        </tr>
        <tr>
            <td>Дальний пас</td>
            <td style="text-align: right;">81</td>
            <td>&nbsp; Скорость</td>
            <td style="text-align: right;">91</td>
        </tr>
        <tr>
            <td>Игра головой</td>
            <td style="text-align: right;">75</td>
            <td>&nbsp; Ловкость</td>
            <td style="text-align: right;">86</td>
        </tr>
        <tr>
            <td>Отбор на месте</td>
            <td style="text-align: right;">78</td>
            <td>&nbsp; Прыгучесть</td>
            <td style="text-align: right;">81</td>
        </tr>
        <tr>
            <td>Отбор в движении</td>
            <td style="text-align: right;">79</td>
            <td>&nbsp; Сила</td>
            <td style="text-align: right;">81</td>
        </tr>
        <tr>
            <td id="idtable" colspan="2"><b>Стандарты</b>
            </td>
            <td>&nbsp; Выносливость</td>
            <td style="text-align: right;">88</td>
        </tr>
        <tr>
            <td>Штрафные</td>
            <td style="text-align: right;">83</td>
            <td>&nbsp; Баланс</td>
            <td style="text-align: right;">84</td>
        </tr>
        <tr>
            <td>Угловые</td>
            <td style="text-align: right;">79</td>
        </tr>
        <tr>
            <td>Пенальти</td>
            <td style="text-align: right;">54</td>
        </tr>
    </tbody>
</table>
<br>
</body>
</html>

deespe11 09.02.2013 17:40
То что надо! спасибо :dance:


Часовой пояс GMT +3, время: 05:58.