图片下面3种价格是3种套餐价格，我想实现点击这3个套餐任一价格，上面默认的980价格也改变。。JS怎么实现？
我可以理解这就是一个tab切换吗 你点击当前的颜色的时候 获取到上面的价格 然后放在下面？
给你思路
每个颜色块上补充上对应的价格点击的时候获取该价格，然后在替换标题上的价格。
全部都是前端来实现的。
ajax。点击一次请求一次。
不同规格显示不同价格，应该是页面加载的时候，所有的商品的不同规格价格都已经获取到了，用户点击不同规格只需要，切换下数据就好，没必要往后台获取，这样对服务器压力大，体验不好，就一个价格数据是吧，而且在商品上架以后一般是不允许再修改价格吧，除非重新编辑下级再上架，不过最终价格肯定还是以后台为准，后台需要校验这个价格的实效性。具体实现，应该是在初始化规格时将改商品的价格也放到规格标签属性上面。
用 emmy_ 的方法,用jquery的data-* 这个方式不是很方便?
多维实现http://www.cnblogs.com/puredi...，你这个单维的更简单
正式项目中肯定是ajax
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
我可以理解这就是一个tab切换吗 你点击当前的颜色的时候 获取到上面的价格 然后放在下面？
给你思路
每个颜色块上补充上对应的价格
点击的时候获取该价格，然后在替换标题上的价格。
全部都是前端来实现的。
ajax。点击一次请求一次。
不同规格显示不同价格，应该是页面加载的时候，所有的商品的不同规格价格都已经获取到了，用户点击不同规格只需要，切换下数据就好，没必要往后台获取，这样对服务器压力大，体验不好，就一个价格数据是吧，而且在商品上架以后一般是不允许再修改价格吧，除非重新编辑下级再上架，不过最终价格肯定还是以后台为准，后台需要校验这个价格的实效性。具体实现，应该是在初始化规格时将改商品的价格也放到规格标签属性上面。
用 emmy_ 的方法,用jquery的data-* 这个方式不是很方便?
多维实现http://www.cnblogs.com/puredi...，你这个单维的更简单
正式项目中肯定是ajax