teratail
回答率
85.47%
質問するログイン新規登録
トップJavaScriptに関する質問jqueryで合計料金をリアルタイムで表示する方法

編集履歴

質問編集履歴

5

java書き換え

2022/10/01 13:02

投稿

aoihello
aoihello

スコア31

test CHANGED
File without changes
test CHANGED
@@ -24,14 +24,14 @@
24
24
  usevalue1 = 0;
25
25
  usevalue2 = 0;
26
26
 
27
- $(function value() {
27
+ function value() {
28
28
  Firvalue = Firvalue1 + Firvalue2 + Firvalue3;
29
29
  $("#init_base_total").append(Firvalue);
30
30
  macivalue = macivalue1 + macivalue2;
31
31
  $("#init_iptel_total").append(macivalue);
32
32
  usevalue = usevalue1 + usevalue2;
33
33
  $("#month_rental_total").append(usevalue);
34
- });
34
+ }
35
35
 
36
36
  $("#group3_type1").change(function(){
37
37
  let str1 = $("#group3_type1").val();
JavaScriptjQuery

4

java scriptの書き換え

2022/10/01 12:54

投稿

aoihello
aoihello

スコア31

test CHANGED
File without changes
test CHANGED
@@ -24,14 +24,14 @@
24
24
  usevalue1 = 0;
25
25
  usevalue2 = 0;
26
26
 
27
- function value() {
27
+ $(function value() {
28
28
  Firvalue = Firvalue1 + Firvalue2 + Firvalue3;
29
29
  $("#init_base_total").append(Firvalue);
30
30
  macivalue = macivalue1 + macivalue2;
31
31
  $("#init_iptel_total").append(macivalue);
32
32
  usevalue = usevalue1 + usevalue2;
33
33
  $("#month_rental_total").append(usevalue);
34
- }
34
+ });
35
35
 
36
36
  $("#group3_type1").change(function(){
37
37
  let str1 = $("#group3_type1").val();
JavaScriptjQuery

3

javascriptの書き換え

2022/10/01 12:37

投稿

aoihello
aoihello

スコア31

test CHANGED
File without changes
test CHANGED
@@ -14,29 +14,46 @@
14
14
 
15
15
  ```javascript
16
16
  $(function() {
17
- $("#group3_type1").change(function(){
18
- var str1 = $("#group3_type1").val();
19
- var Firvalue1 = str1 * 5000;
17
+ Firvalue1 = 5000;
20
- });
21
- $("#group3_type2").change(function() {
22
- var str2 = $("#group3_type2").val();
23
- var Firvalue2 = str2 * 5000;
18
+ Firvalue2 = 0;
19
+ Firvalue3 = 0;
20
+
24
- var macivalue1 = str2 * 11500;
21
+ macivalue1 = 0;
22
+ macivalue2 = 0;
23
+
25
- var usevalue1 = str2 * 500;
24
+ usevalue1 = 0;
26
- });
27
- $("#group3_type3").change(function(){
28
- var str3 = $("#group3_type3").val();
29
- var Firvalue3 = str3 * 5000;
30
- var macivalue2 = str3 * 9300;
31
- var usevalue2 = str3 * 500;
25
+ usevalue2 = 0;
26
+
32
- });
27
+ function value() {
33
28
  Firvalue = Firvalue1 + Firvalue2 + Firvalue3;
34
29
  $("#init_base_total").append(Firvalue);
35
30
  macivalue = macivalue1 + macivalue2;
36
31
  $("#init_iptel_total").append(macivalue);
37
32
  usevalue = usevalue1 + usevalue2;
38
33
  $("#month_rental_total").append(usevalue);
39
-
34
+ }
35
+
36
+ $("#group3_type1").change(function(){
37
+ let str1 = $("#group3_type1").val();
38
+ let Firvalue1 = str1 * 5000;
39
+ value(Firvalue1);
40
+ });
41
+
42
+ $("#group3_type2").change(function() {
43
+ let str2 = $("#group3_type2").val();
44
+ let Firvalue2 = str2 * 5000;
45
+ let macivalue1 = str2 * 11500;
46
+ let usevalue1 = str2 * 500;
47
+ value(Firvalue2, macivalue1, usevalue1);
48
+ });
49
+
50
+ $("#group3_type3").change(function(){
51
+ let str3 = $("#group3_type3").val();
52
+ let Firvalue3 = str3 * 5000;
53
+ let macivalue2 = str3 * 9300;
54
+ let usevalue2 = str3 * 500;
55
+ value(Firvalue3, macivalue2, usevalue2);
56
+ });
40
57
  });
41
58
  ```
42
59
 
JavaScriptjQuery

2

htmlの追記

2022/10/01 08:55

投稿

aoihello
aoihello

スコア31

test CHANGED
File without changes
test CHANGED
@@ -98,6 +98,20 @@
98
98
  <option value="9">9</option>
99
99
  <option value="10">10</option>
100
100
  </select>
101
+ 　　　　　　　　　<td class="left"></td>
102
+ <td class="right" id="init_base_total"></td>
103
+ </tr>
104
+ <tr>
105
+ <td class="left"></td>
106
+ <td class="right" id="init_iptel_total">
107
+ </td>
108
+ </tr>
109
+ 　　　　　　　　　<tr>
110
+ <td class="left"></td>
111
+ <td class="right" id="month_rental_total">
112
+ </td>
113
+ </tr>
114
+
101
115
  </body>
102
116
  </html>
103
117
 
JavaScriptjQuery

1

初心者マークの追加をしました。

2022/10/01 08:52

投稿

aoihello
aoihello

スコア31

test CHANGED
File without changes
test CHANGED
@@ -111,4 +111,3 @@
111
111
  できるだけHTMLには触れずにjavascriptの変更だけで実現したいです。
112
112
  Firvalue1などに初期値が存在しないのがいけないのでしょうか。
113
113
  それとも関数の外だから参照できていないのでしょうか。
114
-
JavaScriptjQuery