Простой расчёт стоимости / Скрипты / Сниппеты Bootstrap

Каталог: Сниппеты Bootstrap

Категория: Скрипты

Bootstrap: 3, 4

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop

Язык: Английский

Уникальный ID: 2559

Количество символов:

Посмотрели: 4531 раз

Помощь: установка & настройка

Прокомментировали: 0 раз

Рейтинг: 5.0 / 5 - 4 голосов

Тип лицензии: CC BY 4.0

Авторство: Посмотреть

Информация: Пользователям

Информация: Правообладателям

Теги: расчёт стоимости, Скрипт, Script, калькулятор стоимости, калькулятор, Bootstrap

Поделился: BootstrapТема

Добавлено: 2017-12-18 в 20:02

Метка: 1513616527

⇄ ⇅

<pre><code>
$(function() {
 $('#square').keyup(function(){
 var square = $(this).val();
 $('#price').val(square*100)
 });
 $('#price').keyup(function(){
 var price = $(this).val();
 $('#square').val(price/100)
 });
});
</code></pre>

</div>

<h3 class="h1">Потолок 100 &#8381 (м2)</h3>

<form>

<div class="form-group row">
 <label class="col-sm-4 col-form-label">Площадь (м2):</label>
 <div class="col-sm-8">
<input type="text" id="square" required class="form-control" value="10">
 </div>
 </div>

<div class="form-group row">
 <label class="col-sm-4 col-form-label">Стоимость (&#8381):</label>
 <div class="col-sm-8">
<input type="text" id="price" required class="form-control" value="1000">
 </div>
 </div>

<div class="form-group row">
 <label class="col-sm-4 col-form-label">Ваш телефон:</label>
 <div class="col-sm-8">
<input type="text" required class="form-control" maxlength="12">
 </div>
 </div>

<button class="btn btn-block btn-success">Заказать</button>

</form>

</div>

</div></div>

BootstrapTema

Простой расчёт стоимости

Скриншот

Подробнее

Похожие материалы

Просмотренные материалы

Всего комментариев: 0