Показать сообщение отдельно
  #13 (permalink)  
Старый 27.08.2016, 12:31
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,127

процент от общей суммы
UJKJDF,
ввести числа в инпуты ...
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script>
window.addEventListener("DOMContentLoaded", function() {
    function c() {
        var d = a.reduce(function(b, a) {
            return b + a
        }, 0);
        a.forEach(function(a, c) {
            var e = 100 * a / d,
                h = 80 * e / 100,
                g = f[c].cells;
            g[1].innerHTML = e.toFixed(2) + "%";
            g[2].innerHTML = h.toFixed(2)
        })
    }
    var f = document.querySelectorAll("tbody tr"),
        a = [];
    [].forEach.call(f, function(d, b) {
        a[b] = 0;
        d.querySelector("input").addEventListener("input", function() {
            a[b] = +this.value.replace(",", ".") || 0;
            c()
        })
    })
});
  </script>
</head>

<body>
<table width="400" summary="" >
    <thead>
        <tr>
            <th>num</th>
            <th>%</th>
            <th>x = 80</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td><input type="text"></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td><input type="text"></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td><input type="text"></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td><input type="text"></td>
            <td></td>
            <td></td>
        </tr>
    </tbody>
</table>

</body>
</html>
Ответить с цитированием