Показать сообщение отдельно
  #2 (permalink)  
Старый 16.09.2013, 21:25
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,133

imhateb,

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
   <script src="http://code.jquery.com/jquery-latest.js"></script>
   <script type="text/javascript">
$(document).ready(function(){
var total =  $('[id^=total]');
var div = $('div');

$("div").each(function(indx, element){
  var inputs = $('input', this);
  inputs.change(function () {
   var first = inputs.eq(0);
   var two = inputs.eq(1);
   var checked =  first.prop('checked');
   inputs.eq(2).val(checked ? first.val()*two.val():'')
   var sum = 0;
   total.each(function(){
    $(this).val() && (sum+= $(this).val()|0)
   })
   $('#all').val(sum)
});
});
});
  </script>

</head>

<body>
<div>
    <p><label><input type="checkbox" id="price_1" value="1500"> Добавить к раcсчёту</label></p>
    <p><label>Количество <input type="tel" id="qtty_1"></label></p>
    <p><label>Стоимость: <input type="tel" id='total_1'></label></p>
</div>
<div>
    <p><label><input type="checkbox" id="price_1" value="1500"> Добавить к раcсчёту</label></p>
    <p><label>Количество <input type="tel" id="qtty_1"></label></p>
    <p><label>Стоимость: <input type="tel" id='total_1'></label></p>
</div>
    <p><label>Общая Стоимость: <input type="tel" id='all'></label></p>
</body>

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