Подскажите пожалуйста как изменить скрипт
-
Всем привет!
Есть вот такой скрипт, есть стартовая цена товара, при установке галочек в чекбоксы, эта стартовая цена изменяется.
Подскажите пожалуйста, я хотел бы в этот скрипт добавить радио-кнопки, причем двумя независимыми блоками. Например:Стартовая цена…
Выберите тип подвески… Здесь ввиде таблицы — радио кнопки
Выберите тип тента… Здесь ввиде таблицы — радио кнопки
Выберите дополнительное оборудование… Здесь чекбоксы, как в старом варианте
Подскажите пожалуйста, как это сделать.
<form name="Sum"><strong><span style="font-family: 'times new roman', times, serif; font-size: 18pt; color: #ff0000;"><output id="rezultat">Цена: от 25000</output> руб.</span></strong> <pre></pre> <strong><span style="font-family: 'times new roman', times, serif; font-size: 14pt;">Выберите дополнительное оборудование:</span></strong> <table style="width: 557px;"> <tbody> <tr> <td style="width: 483px;"><span style="color: #000080;"><input type="checkbox" value="3000" /> <span style="font-family: 'times new roman', times, serif; font-size: 14pt;">Комплект колес R13 (2шт.) (+3000 рублей).</span></span></td> <td style="width: 60px;"></td> </tr> <tr> <td style="width: 483px;"><span style="color: #000080;"><input type="checkbox" value="2000" /> <span style="font-family: 'times new roman', times, serif; font-size: 14pt;">Опорно-подкатное колесо (+2000 рублей).</span></span></td> <td style="width: 60px;"></td> </tr> </tbody> </table> </form><script>// <![CDATA[ var s = document.forms.Sum, d = s.querySelectorAll('input[type="checkbox"]:not([value]), input[type="checkbox"][value=""]'); for (var i = 0; i < d.length; i++) // чтобы не было написано NaN, убираем в disabled пункты, где не прописаны значения d[i].disabled = true; s.onchange = function() { // начало работы функции сложения var n = s.querySelectorAll('[type="checkbox"]'), itog = 25000; for(var j=0; j<n.length; j++) n[j].checked ? itog += parseFloat(n[j].value) : itog; document.getElementById('rezultat').innerHTML = 'Цена: ' + itog; } // ]]></script>
Просмотр 4 ответов — с 1 по 4 (всего 4)
Просмотр 4 ответов — с 1 по 4 (всего 4)
- Тема «Подскажите пожалуйста как изменить скрипт» закрыта для новых ответов.