0 / 0 / 1
Регистрация: 07.04.2015
Сообщений: 49
1

Простенький веб-калькулятор

01.02.2016, 01:07. Показов 739. Ответов 0
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Доброго времени суток! Столкнулся с проблемой: хочу добавить значения Radio-кнопок суммировалось к уже существующему небольшому калькулятору, но не знаком совсем с JavaScripts. Я попытался дописать к JS-файлу, и ничего не получилось, чтобы суммировались все результаты и выводило в Итог.

JS:
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
function calc() { 
 var summ1 = document.getElementById("summ1");
 var arts = document.getElementById("arts"); 
 var shipping = document.getElementById("shipping"); 
 
 //Result
 var result = document.getElementById("result_arts");   
 var result = document.getElementById("result_shipping");  
 var result = document.getElementById("result");
 
 var price_summ = 0; 
 var price_arts = 0;
 var price_shipping = 0;
 var price = 0; 
 
 price_arts += parseInt(arts.options[arts.selectedIndex].value);
/*  price_soprovozhdenie += parseInt(soprovozhdenie.value)*1000; */
 price_shipping += (shipping.checked == true) ? parseInt(shipping.value) : 0;
 price=price_arts + price_shipping + price_summ;
 
 result_summ.innerHTML = price_summ;
 result_arts.innerHTML = price_arts;
 result_shipping.innerHTML = price_shipping;
 result.innerHTML = price;
 }
Что я пытаюсь добавить:
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
        <tr>
            <td>
                <form onchange="calc()" id="summ1" name="form1">
                    <label for="art1"><img src="1.jpg"></label>
                        <input type="radio" name="check" value="2000" id="art1">1
    
                    <label for="art2"><img src="2.jpg"></label>
                        <input type="radio" name="check" value="4000" id="art2">2
    
                    <label for="art3"><img src="3.jpg"></label>
                        <input type="radio" name="check" value="6000" id="art3">3
                </form>
            <td width="200"></td> 
                <td width="200"><span id="result_summ">2000</span> руб. за штуку</td>    
                <script>
                    document.form1.check[0].checked = true;
                    for (var key in document.form1.check)
                    {
                            document.form1.check[key].onchange = function () 
                        {
                            document.getElementById('result_summ').innerHTML = this.value;
                        }
                    }
                </script>
            </td>
        </tr>
Веб-страница полностью:
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
<div id="wrapp"> <!-- Враппер -->
    <p><b>Калькуляция стоимости, выбранных услуг</b></p>
    <table id="wrapp" cellpadding="10" cellspacing="0">
        <tr>
            <td width="150"><b>Шаг 1.</b> Выберите необходимый артикул трубы</td>
                <td width="250"></td> 
                    <td width="100">
                        <select onchange="calc()" id="arts">
                            <option value="0">Выбрать</option>
                            <option value="2000">Артикул 1</option>
                            <option value="4000">Артикул 2</option>
                            <option value="6000">Артикул 3</option>
                            <option value="8000">Артикул 4</option>
                            <option value="9900">Артикул 5</option>
                        </select>
                    </td>
            <td width="200"><span id="result_arts">0</span> руб. за штуку</td>
        </tr>
 
        <tr>
            <td>
                <form onchange="calc()" id="summ1" name="form1">
                    <label for="art1"><img src="1.jpg"></label>
                        <input type="radio" name="check" value="2000" id="art1">1
    
                    <label for="art2"><img src="2.jpg"></label>
                        <input type="radio" name="check" value="4000" id="art2">2
    
                    <label for="art3"><img src="3.jpg"></label>
                        <input type="radio" name="check" value="6000" id="art3">3
                </form>
            <td width="200"></td> 
                <td width="200"><span id="result_summ">2000</span> руб. за штуку</td>    
                <script>
                    document.form1.check[0].checked = true;
                    for (var key in document.form1.check)
                    {
                            document.form1.check[key].onchange = function () 
                        {
                            document.getElementById('result_summ').innerHTML = this.value;
                        }
                    }
                </script>
            </td>
        </tr>
        
 <!-- Шиппинг (Доставочка)// -->
        <tr style="background-color:#eeeeee;border:1px solid #c6c6c6">
            <th style="border:none;padding:7px;background-color:#eeeeee">Раздел доставки</th>
            <td style="border:none"></td>
            <td style="border:none"></td>
            <td style="border:none"></td>
        </tr>
        
        <tr>
            <td width="150">Выберите доставку (если требуется)</td>
            <td width="250">Доставка совершается по всей территории РФ по тарифу: 45 руб. за километр.</td>
            <td width="100"><input type="checkbox" onchange="calc()" value="1000" id="shipping" /></td>
                <td width="200"><span id="result_shipping">0</span> руб.</td>
        </tr>
 
        <tr>
            <td>
 
            </td>   
        <tr>
 
<!-- Итог --> 
        <tr style="background-color:#eeeeee;border:1px solid #c6c6c6">
            <td width="250" class="td_result">ИТОГО:</td>
            <td width="150"></td>
            <td width="100"></td>
                <td class="td_result"><span id="result">0</span> руб.</td>
        </tr>
    </table> 
</div>
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
01.02.2016, 01:07
Ответы с готовыми решениями:

Простенький калькулятор не работает
Здравствуйте! помогите пожалуйста, уже не знаю что делать.... Есть простенький калькулятор из...

Простенький калькулятор
Здравствуйте. На днях делать было нечего, вот я и решил написать простой калькулятор. Я его...

Android, простенький калькулятор
Добрый день! Пишу на андроиде только 2 часа, по-этому ещё многое не понятно. В общем задача...

Написать простенький калькулятор с выводом в Memo с использованием блока try - except
Надо написать простенький калькулятор с выводом в memo с использованием блока try...except для...

0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
01.02.2016, 01:07
Помогаю со студенческими работами здесь

Можно ли написать простенький веб-сервер на C++?
Добрый вечер. По предыдущим моим темам (...

Есть простенький калькулятор. Требуется немного подредактировать окно ввода
После вывода результата в моем калькуляторе, требуется, чтобы цифры, вводимые пользователем,...

Написать простенький веб-сервер и клиент к нему
Доброе всем время суток. Мне нужно написать простенький веб-сервер и клиент к нему. Клиент...

Веб-калькулятор
Уважаемые специалисты в области c#. помогите разобраться, в чем проблема! В универе сказали...


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

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

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2023, CyberForum.ru