Javascript 使用angularjs修改css类

我正在尝试更改输入收音机组中选定按钮的类别。每个按钮代表一个座位，然后将显示所选的总数

   $scope.calculateChecked = function() {
      var count = 0;
      
      angular.forEach($scope.data, function(value) {
        if(value.checked)
          count++;
      });
      
      return count;
   };

这是我的plunker示例：

我试图做到的是，当选择一个特定的座位（即：座位4）时，所有先前的座位（1,2,3）将自动选择，然后计算为4个座位的价格

我知道我使用的是一个非常过时的版本，但我仍然在学习基本的版本

提前感谢您的帮助和建议，非常感谢：）

这是我与Plunker的合作

在您的视图中：使用模型的

用户属性，而不是
show
属性，这样您就不必同步两个值




${{price}
{{x}

控制器：添加此功能

$scope.userClick=函数（用户）{
如果（用户已选中）{
var i=0；
而（$scope.data[i].name！=user.name）
{
$scope.data[i].checked=true；
i++；
};
}
};
Wow！非常感谢你的回复，伙计。。。它确实管用不过请原谅我的新保姆。。我试图在我的代码中实现你的代码，但它不起作用。。。我甚至尝试使用一个简单的文件，试图解决可能与我的文件存在函数冲突或某种类型的问题，但仍然不起作用。。这是你的plunker从零开始实现的？你能照亮我吗？被困了好几天试图找出问题所在…你提到的页面上还有其他问题。要使用bootstrap.min.js，您需要在html代码中添加jquery库。这在Plunker中不会发生，因为他们在您的代码之外加载jquery。是的，现在已经添加了jquery cdn。还是不行。。plunker还有什么遗漏吗？对不起，我已经用新版本的
userClick（）
函数更新了我的答案。这应该在部署到您的网站后起作用。Plunker在运行同一Angularjs代码段并且使用较新版本的框架时表现不同。