Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.75/4: Рейтинг темы: голосов - 4, средняя оценка - 4.75
zzbbmm
0 / 0 / 0
Регистрация: 16.05.2016
Сообщений: 21
1

Калькулятор стоимости услуг

20.07.2016, 16:32. Просмотров 791. Ответов 8
Метки нет (Все метки)

Здравствуйте, помогите довести до ума калькулятор стоимости услуг: необходимо площадь *выбранное покрытие+S*выбранное стенное покрытие+S*выбранное половое покрытие+если есть демонтаж +если есть резетка, то количество*на прайс+если есть провод то количество*прайс+если есть светильники, то количество*на прайс+если есть люстра, то количество* на прайс+если есть прокладка труб из пропилена+если есть счетчик, то количество *на прайс+если есть ванна+если есть унитаз+если есть раковина___ РАСЧИТАТЬ сумму
есть блок где нужно поставить галочку, если галочка стоит то нужно ввести количество.

Вот скрипт, не могу понять где не так:

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
$(document).ready
function calc() {
            var Price = $('.box-filter').attr('data-price'); //получаем стоимость кв.м.
            var type_pol = document.getElementById("type_pol"); //получаем ссылку на элемент полового покрытия
            var type_stena = document.getElementById("type_srena"); //получаем ссылку на элемент стены
            var type_potolok = document.getElementById("type_potolok"); //получаем ссылку на потолок
            var type_demontag = document.getElementById("type_demontag"); //получаем ссылку на демонтаж
            var type_rezetka = document.getElementById("type_rezetka"); //получаем ссылку на резетку
            var type_provod = document.getElementById("type_provod"); //получаем ссылку на провод
            var type_svet = document.getElementById("type_svet"); //получаем ссылку на светильники
            var type_lustra = document.getElementById("type_lustra"); //получаем ссылку на люстра
            var type_propilen = document.getElementById("type_propilen"); //получаем ссылку на трубы из полипропилена
            var type_chetchik = document.getElementById("type_chetchik"); //получаем ссылку на счетчик
            var type_vanna = document.getElementById("type_vanna"); //получаем ссылку на ванна
            var type_tualet = document.getElementById("type_tualet"); //получаем ссылку на туалет
            var type_racovina = document.getElementById("type_racovina"); //получаем ссылку на раковина
            var count = document.getElementById("count"); //получаем ссылку на элемент input (Кол-во вариантов)
            var price-button = document.getElementById("price-button"); //получаем ссылку на элемент span, в него будем писать стоимость дизайна
 
             var price = 0;
             price += parseInt(type_pol.options[type_pol.selectedIndex].value)
             price += parseInt(type_srena.options[type_srena.selectedIndex].value)
             price += parseInt(type_potolok.options[type_potolok.selectedIndex].value)
             price += (type_demontag.checked == true) ? parseInt(type_demontag.value) : 0;
             price += (type_rezetka.checked == true) ? parseInt(type_rezetka.value) : 0;
             price += (type_provod.checked == true) ? parseInt(type_provod.value) : 0;
             price += (type_svet.checked == true) ? parseInt(type_svet.value) : 0;
             price += (type_lustra.checked == true) ? parseInt(type_lustra.value) : 0;
             price += (type_propilen.checked == true) ? parseInt(type_propilen.value) : 0;
             price += (type_chetchik.checked == true) ? parseInt(type_chetchik.value) : 0;
             price += (type_vanna.checked == true) ? parseInt(type_vanna.value) : 0;
             price += (type_tualet.checked == true) ? parseInt(type_tualet.value) : 0;
             price += (type_racovina.checked == true) ? parseInt(type_racovina.value) : 0;
             price = parseInt(count.value) * price;// подсчет количества розеток
             price = parseInt(count1.value) * price;// подсчет количества провода
             price = parseInt(count2.value) * price;// подсчет количества светильники
             price = parseInt(count3.value) * price;// подсчет количества люстра
 
        
            $(boxPrice).find('.option').hide();
            $(boxPrice).find('.footer-price').append('<h4>Итог: <span class="cur"></span> <span class="rub">руб.  </span></h4>');
 
            result.innerHTML = price;


Заранее всем спасибо огромное.
0
Вложения
Тип файла: docx калькулятор.docx (40.8 Кб, 3 просмотров)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
20.07.2016, 16:32
Ответы с готовыми решениями:

Калькулятор стоимости потолка и дополнительных услуг.
Всех приветствую! Есть вопрос, нужно создать калькулятор на Javascript, таким...

Калькулятор стоимости услуг с разными тарифными планами
Подскажите пожалуйста, как сделать калькулятор стоимости услуг с 3-мя тарифными...

Скрипт расчёта стоимости услуг
надо будет сделать так,чтобы работало

Амортизация способе списания стоимости пропорционально объему продукции(работ, услуг)
Амортизация списания стоимости пропорционально объему продукции (работ, услуг)...

Калькулятор услуг по монтажу камер
Здравствуйте добрый и отзывчивый народ, я нуб в js. Не могли бы Вы мне помочь...

8
BANO
Ренегат
Эксперт HTML/CSS
1716 / 1059 / 385
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
20.07.2016, 17:12 2
zzbbmm, у вас код невалидный
0
zzbbmm
0 / 0 / 0
Регистрация: 16.05.2016
Сообщений: 21
20.07.2016, 17:16  [ТС] 3
Я делаю это в первый раз, как понять не валидный?
0
kalabuni
Нарушитель
3245 / 2568 / 616
Регистрация: 18.04.2012
Сообщений: 7,716
20.07.2016, 17:38 4
вы даже процитировать написанное валидно не можете
вам пишут невалидный (слитно)
вы отвечаете, что не понимаете, что такое не валидный (раздельно)

валидный означает -- соответствующий правилам/синтаксису/стандартам
соответственно, невалидный -- который не соответствует вышеперечисленному
0
zzbbmm
0 / 0 / 0
Регистрация: 16.05.2016
Сообщений: 21
20.07.2016, 18:08  [ТС] 5
я хотела чтобы на этом форуме мне помогли сделать или хотябы подсказали,а не учили мне правописанию!!! не хотите помогать не пишите.
0
ironid
68 / 14 / 7
Регистрация: 17.10.2015
Сообщений: 53
20.07.2016, 18:37 6
даже если закрыть глаза на то, что вы делаете это впервые, скажите где у вас определены переменные result
Цитата Сообщение от zzbbmm Посмотреть сообщение
result.innerHTML = price;
и
boxPrice
Цитата Сообщение от zzbbmm Посмотреть сообщение
$(boxPrice).find('.option').hide();
$(boxPrice).find('.footer-price').append('<h4>Итог: <span class="cur"></span> <span class="rub">руб. *</span></h4>');
?
0
kalabuni
Нарушитель
3245 / 2568 / 616
Регистрация: 18.04.2012
Сообщений: 7,716
20.07.2016, 19:51 7
Цитата Сообщение от zzbbmm Посмотреть сообщение
не хотите помогать не пишите.
ведь вы же сами написали, что не понимаете, что такое "невалидный" --
а я дал вам определение этого понятия
разве это не помощь?
0
zzbbmm
0 / 0 / 0
Регистрация: 16.05.2016
Сообщений: 21
20.07.2016, 20:07  [ТС] 8
Код калькулятора:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
<div id="HTML" class="form-group"> 
                                    <div class="style12">
                                    <div class="style12">
                                    <label><span class="style8"><strong>Площадь помещения</strong></span></label>
                                          </div>
                                          <div class="style12">
                                            <input type="text" name="roof" class="form-control" id="roof" value="" placeholder="0" style="width: 85px; height: 36px"><label>&nbsp; 
                                            <span class="style13">в кв.м</span></label>
</div>
                            
                                        </div>
                                                                      
                                        
                                   
                               <div class="form-group">
                                    <label><span class="style9">
                                    <span class="style14"><strong>Предполагаемое половое покрытие</strong></span>&nbsp;&nbsp;&nbsp;
                                    </span></label>
                                    &nbsp;<td width="100"><select onchange="calc()" id="type_cms">
                                     <option value="0">Выбрать</option>
                                     <option value="100">Линолиум</option>
                                     <option value="150">Ламинат</option>
                                     <option value="189">Паркетная доска</option>
                                     <option value="700">Керамическая плитка</option>
                                     </select>
                                    </td>
                                    </div>
                                    <div class="form-group">
                                    <span class="style14">
                                    <label><strong>Отделка стен</strong></label></span>&nbsp;&nbsp;&nbsp;&nbsp;
                                    <td width="100"><select onchange="calc()" id="type_cms">
                                     <option value="0">Выбрать</option>
                                     <option value="180">Обои</option>
                                     <option value="200">Жидкие обои</option>
                                     <option value="350">Пластиковые панели</option>
                                     <option value="200">Окраска</option>
                                     </select>
                                    </td>
                                  </div>
                                 <div class="form-group">
 
                                    <label><span class="style11"><strong>
                                    <span class="style13">Материал потолочного покрытия</span>
                                    </strong></span>&nbsp;&nbsp; </label>&nbsp;<td width="100"><select onchange="calc()" id="type_cms">
                                    <option value="0">Выбрать</option>
                                    <option value="100">Окраска</option>
                                    <option value="140">Потолочный плинтус</option>
                                    <option value="200">потолок "Армстронг"</option>
                                    <option value="300">Пластиковые панели</option>
                                    <option value="350">Одноуровневый из ГКЛ</option>
                                    <option value="470">Двухуровневый из ГКЛ</option>
                                    <option value="350">Натяжной потолок</option>
 
 
                                    </select>
                                   </td>
                            </div>
                            <div class="form-group">
                             <label><span class="style11"><strong>
                                <span class="style13">Демонтажные работы</span>
                                </strong></span>&nbsp;&nbsp;&nbsp; </label>
                            &nbsp;<td width="100"><input type="checkbox" onchange="calc()" value="1500" id="type_host" /></td>
                           </div>
                           <div class="style12">
                             <label><span class="style8"><strong>Электромонтажные работы:
                                </strong></span><span class="style16">&nbsp;&nbsp;&nbsp; 
                                </span> </label>
                            &nbsp;
                           </div>
                           <div class="form-group">
                             <label><span class="style11">
                                <span class="style13">Установка розеток, включателей и замена на новые<strong>
                                </strong> </span>
                                </span>&nbsp;&nbsp;&nbsp; </label>
                            
                                                            
                            &nbsp;<td width="100"><input type="checkbox" onchange="calc()" value="100" id="type_host" />&nbsp;&nbsp;&nbsp;&nbsp; </td>
                            &nbsp;<input type="text" name="roof" class="style17" id="roof" value="" placeholder="0" style="width: 45px; height: 36px">&nbsp; 
                                            <span class="style13">&nbsp;шт. </span>
 
                           </div>
                           <div class="form-group">
                             <label><span class="style11">
                                <span class="style13">Разводка проводов<strong>
                                </strong> </span>
                                </span>&nbsp;&nbsp;&nbsp; </label>
                            
                                                            
                            &nbsp;<td width="100"><input type="checkbox" onchange="calc()" value="20" id="type_host" />&nbsp;&nbsp;&nbsp;&nbsp; </td>
                            &nbsp;<input type="text" name="roof" class="style17" id="roof" value="" placeholder="0" style="width: 45px; height: 36px">&nbsp; 
                                            <span class="style13">&nbsp;п.м. </span>
                                            
                           </div>
                           
                            <div class="form-group">
                             <label><span class="style11">
                                <span class="style13">Установка точечных светильников<strong>
                                </strong> </span>
                                </span>&nbsp;&nbsp;&nbsp; </label>
                            
                                                            
                            &nbsp;<td width="100"><input type="checkbox" onchange="calc()" value="350" id="type_host" />&nbsp;&nbsp;&nbsp;&nbsp; </td>
                            &nbsp;<input type="text" name="roof" class="style17" id="roof" value="" placeholder="0" style="width: 45px; height: 36px">&nbsp; 
                                            <span class="style13">&nbsp;шт. </span>
                                            
                           </div>
                            <div class="form-group">
                             <label><span class="style11">
                                <span class="style13">Установка люстры<strong>
                                </strong> </span>
                                </span>&nbsp;&nbsp;&nbsp; </label>
                            
                                                            
                            &nbsp;<td width="100"><input type="checkbox" onchange="calc()" value="350" id="type_host" />&nbsp;&nbsp;&nbsp;&nbsp; </td>
                            &nbsp;<input type="text" name="roof" class="style17" id="roof" value="" placeholder="0" style="width: 45px; height: 36px">&nbsp; 
                                            <span class="style13">&nbsp;шт. </span>
                                            
                           </div>
                           
                            <div class="style12">
                             <label><span class="style8"><strong>Сантехнические работы:
                                </strong></span><span class="style16">&nbsp;&nbsp;&nbsp; 
                                </span> </label>
                            &nbsp;
                           </div>
                           <div class="form-group">
                             <label><span class="style11">
                                <span class="style13">Прокладка труб из полипропилена х/г<strong>
                                </strong> </span>
                                </span>&nbsp;&nbsp;&nbsp; </label>
                            
                                                            
                            &nbsp;<td width="100"><input type="checkbox" onchange="calc()" value="10000" id="type_host" />&nbsp;&nbsp;&nbsp;&nbsp; </td>
                            &nbsp;
 
                           </div>
                           <div class="form-group">
                             <label><span class="style11">
                                <span class="style13">Установка счетчика водяного<strong>
                                </strong> </span>
                                </span>&nbsp;&nbsp;&nbsp; </label>
                            
                                                            
                            &nbsp;<td width="100"><input type="checkbox" onchange="calc()" value="400" id="type_host" />&nbsp;&nbsp;&nbsp;&nbsp; </td>
                            &nbsp;
                                            
                           </div>
                           
                            <div class="form-group">
                             <label><span class="style11">
                                <span class="style13">Установка ванны<strong>
                                </strong> </span>
                                </span>&nbsp;&nbsp;&nbsp; </label>
                            
                                                            
                            &nbsp;<td width="100"><input type="checkbox" onchange="calc()" value="1500" id="type_host" />&nbsp;&nbsp;&nbsp;&nbsp; </td>
                            &nbsp;
                                            
                           </div>
                            <div class="form-group">
                             <label><span class="style11">
                                <span class="style13">Установка унитаза<strong>
                                </strong> </span>
                                </span>&nbsp;&nbsp;&nbsp; </label>
                            
                                                            
                            &nbsp;<td width="100"><input type="checkbox" onchange="calc()" value="1200" id="type_host" />&nbsp;&nbsp;&nbsp;&nbsp; </td>
                            &nbsp;
                                            
                           </div>
 
                       
                        <div class="footer-price">
                            <button class="price-button"><span class="style6">
                            <strong>Рассчитать стоимость</strong></span></button>
                        </div>
 
 
</div>
Добавлено через 1 минуту
Спасибо буду знать!
0
ostgals
21.07.2016, 09:18     Калькулятор стоимости услуг
  #9

Не по теме:

А давайте все коммерческие скрипты отсылать в раздел http://www.cyberforum.ru/order-site-scripts/.
Слишком много халявщиков развелось.

0
21.07.2016, 09:18
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
21.07.2016, 09:18
Привет! Вот еще темы с ответами:

Как создать калькулятор услуг?
можете подсказать как сделать такую таблицу:...

Калькулятор рассчета услуг по дизайну интерьра
Всем привет Я сам не програмист, и в скриптах мало что понимаю, но на работе...

Калькулятор стоимости
Здравствуйте, делаю калькулятор стоимости. В JS полный ноль и следовательно...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
9
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru