2014-01-21 4 views
0

У меня есть следующая проблема. Когда у меня есть корзина для покупок, у меня есть несколько клубов в корзине. Пользователь может быть администратором для нескольких клубов. Моя корзина возвращает что-то вроде этого:JQuery Как получить общую стоимость?

<h2>Club 1</h2> 
<div>Price</div><div>50.00</div> 

<h2>Club 2</h2> 
<div>Price</div><div>49.00</div> 

<h2>Club 3</h2> 
<div>Price</div><div>10.00</div> 
<div>Service payment</div><div>11.00</div> 

Почему jQuery? Companys можно выбрать несколько вариантов, будет добавлено значение и удаляется OnClick()

+9

Гораздо проще подход был бы поставить все это в формате JSON, обобщать его там и построить свой HTML от него. Я бы предпочел строить пользовательский интерфейс из данных, чем данные из пользовательского интерфейса в любой день! – Liath

+0

вы сможете изменить html sligtly –

+0

Liath у вас есть пример кода? –

ответ

0
<script type="text/javascript"> 
$(document).ready(function(){ 
    var amount = 0; 


    $('.factuur-post').click(function(){ 
     var club = $(this).attr('value'); 
     var item = '<div class="item"><div>Service</div><div>0.99</div></div>'; 

     if($(this).is(':checked')) { 
      amount += parseFloat(0.99); 

      console.log('club id: ' + club) 
      $(item).appendTo('#club' + club) 
     } else { 
      amount -= parseFloat(0.99); 
     } 
    }); 
}); 
</script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $('.factuur-post').click(function(){ 
     $('.total').remove(); 
     $('.club').each(function() { 
      var total = 0; 
      $(this).find('.item div:nth-child(2)').each(function() { 
       total += parseInt($(this).text()) || 0 
      }); 

      var $total = $('<div />', { 
       'class': 'total', 
       html: '<div><b>Total</b></div><div>' + total.toFixed(2) + '</div>' 
      }); 
      $total.appendTo(this) 
     }) 
    }) 
}) 
</script> 
Смежные вопросы