JavaScriptで自動見積りフォームを作ってみる。(その3)

配列をうまく使えないので、同じような処理を繰り返しており課題はあるものの

なんとかラジオボタンで選択した金額を計算できる自動見積りフォームを作ってみた。

 

170 ){ document.getElementById(“display_account”).style.top = position_top + “px”; } } window.onload = function() { var isIE = 0

見積金額

合計:0 円

消費税:0 円

税込合計:0 円

見積り

下記項目を選択すると自動計算します。

    商品
    グレード5
    グレード4
    グレード3
    グレード2
    グレード1
    数量
  
  
    液晶テレビ
    
      120,000円
    
      40,000円
    
      20,000円
    
      15,000円
    
      10,000円
    
        0
        1
        2
        3
        4
        5
        6
        7
        8
        9
        10
      
  
  
    エアコン
    
      80,000円
    
      60,000円
    
      40,000円
    
      20,000円
    
      10,000円
    
        0
        1
        2
        3
        4
        5
        6
        7
        8
        9
        10
      
  
  
    パソコン
    
      60,000円
    
      40,000円
    
      20,000円
    
      10,000円
    
      5,000円
    
        0
        1
        2
        3
        4
        5
        6
        7
        8
        9
        10
      
  
  
     
     
     
     
     
     
     
  
  
    
    
    
    
    
    
    
  
  
    合計
    
      円
     
     
     
     
     
  
  
    消費税
    
      円
     
     
     
     
     
  
  
    税込合計
    
      円
     
     
     
     
     

 

ソース

170 ){

document.getElementById("display_account").style.top = position_top + "px"; } } window.onload = function() {

var isIE = 0

見積金額

合計:0 円

消費税:0 円

税込合計:0 円

見積り

下記項目を選択すると自動計算します。

商品

グレード5

グレード4

グレード3

グレード2

グレード1

数量

液晶テレビ

120,000円



40,000円



20,000円



15,000円



10,000円

0

1

2

3

4

5

6

7

8

9

10

エアコン

80,000円



60,000円



40,000円



20,000円



10,000円

0

1

2

3

4

5

6

7

8

9

10

パソコン

60,000円



40,000円



20,000円



10,000円



5,000円

0

1

2

3

4

5

6

7

8

9

10

 

 

 

 

 

 

 

合計

円

 

 

 

 

 

消費税

円

 

 

 

 

 

税込合計

円

 

 

 

 

 

Hugo で構築されています。
テーマ Stack は Jimmy によって設計されています。