Question

我正在寻找一种方法来显示结果字符串，其中包含在表单中选中的复选框值。我无法找到一种方法。

澄清：

[]苹果

[X]柠檬

[]橘子

[X]酸橙

精选：柠檬，酸橙

我的复选框具有以下语法：

<input type="checkbox" id="{{fruit}}" ng-model="value1" ng-bind="fruit"/>

我从JSON文件中获取值列表。

有人知道我怎么能实现这个目标？

Answer 1

这是我的尝试。使用ngChange指令绑定回调：

在您的控制器中，更新所选水果的列表并显示您的消息：

  $scope.selectedFruits = [];
  $scope.message = "";

  function renderMessage(){
     $scope. message ='';
    for (var i = 0; i <  $scope.selectedFruits.length; i++)
      $scope. message +=  $scope.message ? ", "+$scope.selectedFruits[i] : $scope.selectedFruits[i];
       $scope.message = "Selected : "+ $scope.message
   return $scope.message;
  }; 

  $scope.updateFruits = function(name) {
   var alreadyExisting = false;
   for (var i = 0; i < $scope.selectedFruits.length; i++) {
      if (name === $scope.selectedFruits[i])
      {
         $scope.selectedFruits.splice(i, 1);
         alreadyExisting = true;
      }
     }
   if (!alreadyExisting)
     $scope.selectedFruits.push(name);
   renderMessage();
  };

编辑：我中午赶时间，我无法为你提供功能版本。我更新了我的代码并创建了一个plnkr：http://plnkr.co/edit/3YOAzV

在Angular中显示复选框值

1 个答案: