@blackbb

Как показать input checkbox, только при определенных условиях?

Помогите исправить калькулятор так, чтобы чекбокс "+ Зеркало" показывался только при выборе "Шкафы купе ЛДСП"
<div id="calculator">
               <h3>Калькулятор</h3>
               <p>Выбирите материал:</p>
               <select onchange="calc()" id="type_design">
                  <optgroup label="Кухня">
                     <option value="9500">ЛДСП</option>
                     <option value="12300">МДВ</option>
                     <option value="15000">Пластик</option>
                     <option value="15000">Крашенный</option>
                     <option value="22000">Массив</option>
                  </optgroup>
                  <optgroup label="Шкаф купе">
                     <option value="5500">ЛДСП</option>
                     <option value="13000">Пескоструй</option>
                     <option value="22000">Печать</option>
                  </optgroup>
                  <optgroup label="Прихожая">
                     <option value="7500">ЛДСП</option>
                  </optgroup>
                  <optgroup label="Детская">
                     <option value="7500">ЛДСП</option>
                  </optgroup>
                  <optgroup label="Гостиная">
                     <option value="7500">ЛДСП</option>
                  </optgroup>
               </select>
               <br/>
               <input type="checkbox" onchange="calc()" value="800" id="is_html" />
               <label for="is_html">+Зеркало</label>
               <br/>
               <p>Погонный метр: <p><input type="text" id="count" value="1" onchange="calc()" />
               <div id="calc-sum">= <span id="result">0</span> руб.
        
               </div>
               <div class="menu-search-box scnd-fix">
								<a href="bedroom.html" class="spec-button">Заказать</a>
							</div>
        
            </div>

function calc() {
                 //получаем ссылку на элемент Select (Тип дизайна)
                 var type_design = document.getElementById("type_design");
                 //получаем ссылку на чекбокс (Требуется верстка?)
                 var is_html = document.getElementById("is_html");
                 //получаем ссылку на элемент input (Кол-во вариантов)
                 var count = document.getElementById("count");
                 //получаем ссылку на элемент span, в него будем писать стоимость дизайна
                 var result = document.getElementById("result"); 
            
                 var price = 0;
                 price += parseInt(type_design.options[type_design.selectedIndex].value);
                 price += (is_html.checked == true) ? parseInt(is_html.value) : 0;
                 price = parseInt(count.value) * price;
            
                 result.innerHTML = price;
             }
  • Вопрос задан
  • 193 просмотра
Решения вопроса 1
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы