javascript - 商品选择不同套餐显示相对应的价格

Question

图片下面3种价格是3种套餐价格，我想实现点击这3个套餐任一价格，上面默认的980价格也改变。。JS怎么实现？

Answer 1

我可以理解这就是一个tab切换吗 你点击当前的颜色的时候 获取到上面的价格 然后放在下面？

Answer 2

给你思路

每个颜色块上补充上对应的价格
点击的时候获取该价格，然后在替换标题上的价格。

全部都是前端来实现的。

Answer 3

ajax。点击一次请求一次。

Answer 4

不同规格显示不同价格，应该是页面加载的时候，所有的商品的不同规格价格都已经获取到了，用户点击不同规格只需要，切换下数据就好，没必要往后台获取，这样对服务器压力大，体验不好，就一个价格数据是吧，而且在商品上架以后一般是不允许再修改价格吧，除非重新编辑下级再上架，不过最终价格肯定还是以后台为准，后台需要校验这个价格的实效性。具体实现，应该是在初始化规格时将改商品的价格也放到规格标签属性上面。

Answer 5

用 emmy_ 的方法,用jquery的data-* 这个方式不是很方便?

Answer 6

多维实现http://www.cnblogs.com/puredi...，你这个单维的更简单

Answer 7

正式项目中肯定是ajax