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

Посчитать выгоду между 3 чисел
Задача такая: есть три radio в value которых записана цена товара, сумма выгоды выводилась в span,
первая 1299 вторая 1799 третья 799
страница загрузилась чекин стоит на первой, выбираем 2 radio выгода 0 после этого клиент передумал и выбрал 3 radio выгода должна быть рассчитана от предыдущего выбранного radio.
т е чекин стоял на 1299 - выгода 0
выбрали 799 выгода 500
выбрали 1799 выгода 0
выбрали снова 799 выгода 1000

вот кусок кода
<div class="col-lg-4 col-md-4 col-xs-12 col-sm-4 ">
			        <div class="infoprodukt">
			             <img src="img/disk.png">
			        </div>	
			   <h3 class="infoprodukt-podis">CD-диск</h3>
			            <div class="radio">
                            <input type="radio" name="radiog_infoprod" id="radio1" class="css-checkbox" checked="checked" value="1299">
							<label for="radio1" class="css-label">1299 руб.</label>
                        </div>
			   </div>
			   
			   <div class="col-lg-4 col-md-4 col-xs-12 col-sm-4 ">
			        <div class="infoprodukt">
			             <img src="img/flash.png">
			        </div>	
			   <h3 class="infoprodukt-podis">Флэш-карта</h3>
			   <div class="radio">
                            <input type="radio" name="radiog_infoprod" id="radio2" class="css-checkbox" value="1799">
							<label for="radio2" class="css-label">1799 руб.</label>
                        </div>
			   </div>
			   
			   <div class="col-lg-4 col-md-4 col-xs-12 col-sm-4 ">
			        <div class="infoprodukt">
			             <img src="img/onlinedown.png">
			        </div>	
			   <h3 class="infoprodukt-podis">Онлайн скачивание</h3>
			   <div class="radio">
                            <input type="radio" name="radiog_infoprod" id="radio3" class="css-checkbox" value="799">
							<label for="radio3" class="css-label">799 руб.</label>
                        </div>
			   </div>
.....
<h4>ваша выгода <span id="resultViq">0</span> руб.</h4>


var maxPrice = 0;

	$(document).ready(function() {
	var a = $('#radio1').val();
	var b = $('#radio2').val();
	var c = $('#radio3').val();	

		if( a > b && c )
		{
			maxPrice = a;
		}
		if( b > a && c )
		{
			maxPrice = b;
		}
		if( c > a && b )
		{
			maxPrice = c;
		}
	
	})

	$('#radio1:checked').live('click', function() {
		var a = $('#radio1').val();

		if ( maxPrice > a )
			{
				$('#resultViq').html(maxPrice - parseInt($('#radio1').val()));
			}
		else if ( maxPrice < a )
			{
				$('#resultViq').html('0');
			}
	})
	$('#radio2:checked').live('click', function() {
		var b = $('#radio2').val();

		if ( maxPrice > b )
			{
				$('#resultViq').html('0');
			}
		else if ( maxPrice < b )
			{
				$('#resultViq').html('0');
			}
	})
	$('#radio1:checked').live('click', function() {
		var c = $('#radio3').val();

		if ( maxPrice > c )
			{
				$('#resultViq').html(maxPrice - parseInt($('#radio3').val()));
			}
		else if ( maxPrice < c )
			{
				$('#resultViq').html('0');
			}
	})


данный мой метод как то не так работает, второй день ломаю голову...

Последний раз редактировалось yunis91, 30.01.2014 в 14:15.
Ответить с цитированием