21-Beego优选商品总价

我们要根据用户设置的商品数量,显示商品的总价.这里面要用到JS来监视用户输入的变化,计算结果返回相应的值,由于jQuery框架能够简化JS语法,所以我们这里用jQuery框架获取DOM元素,监听数据变化,返回结果,话不多说,一起来实践吧

效果图.gif

我们这里放弃数量输入框的监听,只监听数量加/减的点击事件

1.jquery不同于go,要写;
2.用$关键字获取DOM元素
3." .val() "获取/修改input输入框内容
4." .text() "获取/修改span/a标签内容
5.parseInt将获取的字符转换为整数

1.将如下两个文件拷贝到js文件夹下

image.png

2.在需要使用的detail.html文件中导入框架

image.png

image.png

监听数量+/-这两个DOM元素,修改数量显示和总价

image.png

在需要监听的DOM元素下面添加JS代码,监听点击事件,弹出警示框成功,就代表监听元素成功

1.编写jQuery入口函数

image.png

2.定义监听全局变量

image.png

3.监听DOM元素点击事件

image.png

版权声明：本文来源简书，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://www.jianshu.com/p/130e22da9c3f
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

0 条评论