Показать сообщение отдельно
  #6 (permalink)  
Старый 17.06.2020, 15:21
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,791

Сообщение от laimas
скопировал на автомате не нужное?
я, признаться, код по диагонали смотрел, поэтому этой "ошибки" даже не заметил.

<html>
<head>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
</head>
<body>
<div id="elevator">

    <div class="container">
        <div>
            <label><input type="radio" class="a1" value="200" name="itemtype1" checked /> 200</label>
            <label><input type="radio" class="a1" value="250" name="itemtype1" /> 250</label>
            <label><input type="radio" class="a1" value="300" name="itemtype1" /> 300</label>
            <label><input type="radio" class="a1" value="350" name="itemtype1" /> 350</label>
        </div>
        <input type="number" id="count2" value="1" min="1" />
    </div>
  
    <div class="container">
        <div>
            <label><input type="radio" class="a1" value="200" name="itemtype2" checked /> 200</label>
            <label><input type="radio" class="a1" value="250" name="itemtype2" /> 250</label>
            <label><input type="radio" class="a1" value="300" name="itemtype2" /> 300</label>
            <label><input type="radio" class="a1" value="350" name="itemtype2" /> 350</label>
        </div>
        <input type="number" id="count3" value="1" min="1" />
    </div>
    
</div>

<span id="final_price_yslug">0</span>

<script>
    $('#elevator').on('change input', 'input', function(e) {
        var price = $(e.delegateTarget).find('.container').map(function () {
            return this.querySelector('input[type="radio"]:checked').value * this.querySelector('[type="number"]').value;
        }).toArray().reduce(function (sum, price) {
            return sum + price;
        }, 0);
        
        $('#final_price_yslug').text(price.toLocaleString('ru-RU', { style: 'currency', currency: 'RUB' }))
    }).find('input').trigger('input')
</script>
</body>
</html>
Ответить с цитированием