js进阶 9-7  自动计算商品价值

一、总结

一句话总结：

1、form表单控件value属性：属性可取值可赋值

2、文本onchange事件

3、form及form中控件通过name访问元素

 

 

二、js进阶 9-7  自动计算商品价值

1、案例描述

自动计算金额

• 案例要点1：复习上一节课的知识点，完成一个自动计算商品价格的小练习。

• 案例要点2：input元素的type为’hidden’代表一个 HTML 表单中的某个隐藏输入域。

2、截图

 

3、代码

1  2  3  4     
      5      6     14 15 16     
     
      17         
      
购物信息
18         
      
       19             
       
20             
       
消费金额：
21             
       
商品单价：元/件
22             
       
购买数量：
23             
       
24         
      
25     
     
26     35 36