Question

现在我正在为一个网站制作一个有趣的价格计算器。你可以在这里看到工作演示http://demo.coregenie.com/Greenboxx/ 检查价格计算器按钮。

顶部的每个按钮在其下方都有自己的功能选择按钮。如果用户点击Boxx1，他将看到下一个选择，即视频演示的长度。每个长度都有预定义的价格。如果用户选择了一个选项，这将添加到底部的价格总计中。这很有效。

我面临的问题是：现在用户可以选择多个BOXX选项（视频之光）我不需要这个。（我使用类开关设置了按钮颜色的去激活选项，因此只能看到一个选项）任何人都可以告诉我这是什么问题吗？

我的js在这里： http://demo.coregenie.com/Greenboxx/wp-content/themes/Greenbox/calc.js

谢谢

Answer 1

单击boxx4按钮时，您应该隐藏其他按钮（就像使用boxx1，boxx2和boxx3一样）。这样的事情应该有效：

$('#box_four_area_click').click(function() {
     $(this).toggleClass('button_four_active');
     $('#box_one_area_click').removeClass('button_one_active');
     $('#box_two_area_click').removeClass('button_two_active');
     $('#box_three_area_click').removeClass('button_three_active');

     // Hide other buttons
     $('#box_one_area').hide();
     $('#box_one_area_features').hide();
     $('#box_two_area').hide();
     $('#box_two_area_features').hide();
     $('#box_three_area').hide();
     $('#box_three_area_features').hide();
});

基于Jquery的计算器问题

1 个答案: