Показать сообщение отдельно
  #1 (permalink)  
Старый 17.04.2015, 10:13
Интересующийся
Отправить личное сообщение для grima Посмотреть профиль Найти все сообщения от grima
 
Регистрация: 03.10.2014
Сообщений: 21

суммируются сумма целый число изменить на десытых значение 10,20
<html>
<head>
<meta charset="utf-8">
<title>My blablabla</title>
<script>
var checkbox;
window.addEventListener("load",function(){
    checkbox = document.querySelectorAll("table input[type='checkbox']");
    for(var i=0; i<checkbox.length; i++) checkbox[i].addEventListener("change",resultSum);
});
function resultSum(){
    var sum=0;
    for(var i=0; i<checkbox.length; i++)
        if(checkbox[i].checked)
            sum += parseInt(checkbox[i].parentNode.parentNode.getElementsByClassName("price")[0].textContent);
    document.getElementById("sum").innerHTML = sum;
}
</script>
</head>
<body>
<table>
    <tr><td>Наименование</td><td>Цена</td><td>Выбрать</td></tr>
    <tr><td>Товар1</td><td class="price">234</td><td><input type="checkbox"></td></tr>
    <tr><td>Товар1</td><td class="price">5.3</td><td><input type="checkbox"></td></tr>
    <tr><td>Товар1</td><td class="price">34.3</td><td><input type="checkbox"></td></tr>
    <tr><td>Итого</td><td id="sum">Сумма</td></tr>
</table>
</body>
</html>

Последний раз редактировалось grima, 17.04.2015 в 10:15.
Ответить с цитированием