javascript - 如何在不同的复选框 Angular 之间切换

Question

我有四个复选框，每次单击复选框都会启动不同的功能。选中一个复选框，所有其他复选框都应取消选中。我有以下代码，但问题是如果不先手动删除复选标记然后选择另一个复选标记，我就无法在检查之间切换。我的代码:

  $scope.checkbox = function(key){
        if($scope.checkbox1 === true){
          $scope.checkbox2 = false
          $scope.checkbox3 = false
          $scope.checkbox4 = false
          $scope.checkboxValue = 'checkbox one was clicked'
          callfunctionOne()
        } else if($scope.checkbox2 === true){
           $scope.checkbox1 = false
          $scope.checkbox3 = false
          $scope.checkbox4 = false
          $scope.checkboxValue = 'checkbox two was clicked'
          callfunctiontwo()
        } else if($scope.checkbox3 === true){
           $scope.checkbox1 = false
          $scope.checkbox2 = false
          $scope.checkbox4 = false
          $scope.checkboxValue = 'checkbox three was clicked'
          callfunctionthree()
        } else if($scope.checkbox4 === true){
           $scope.checkbox1 = false
          $scope.checkbox2 = false
          $scope.checkbox3 = false
          $scope.checkboxValue = 'checkbox Four was clicked'

       callfunctionFour()
        } 

        }

Plunker

Answer 1

  $scope.checkbox = function(key){
    $scope.checkbox1 = false
    $scope.checkbox2 = false
    $scope.checkbox3 = false
    $scope.checkbox4 = false
    $scope[key] = true;
    $scope.checkboxValue = 'checkbox '+key+' was clicked'
 }

您应该考虑使用单选按钮，但此代码允许您做您想做的事。