发送我的复选框列表值到一个Json

16 浏览
0 Comments

发送我的复选框列表值到一个Json

我有一个简单而奇怪的问题。

我有一个使用ng-repeat制作的下拉框列表。（以下是代码）

  • {{item.ls_ItemValue}}

这是我的AngularJS代码（以下是代码）

$scope.listitem=[];

$scope.checkItems = function (item) {

$scope.listitem.push({

item: item.ls_ItemValue

});

}

我的问题是：

我想知道，当我选中或取消这些漂亮的小框时，它会在我的JSON文件中添加或删除它的值。

现在，当我点击复选框时，它会添加到我的JSON中。但是如果我再次点击它来取消选中，它会再次添加到我的JSON文件中。

我的代码可以多次添加它们，但无法删除。

我希望只添加这些一次。

0

2 答案

0 Comments

问题原因：这段代码中存在一个问题，即无法将复选框列表的值发送到一个JSON对象中。

解决方法：使用ng-model指令可以解决这个问题。通过将ng-model指令添加到复选框的input元素中，可以将复选框的值绑定到一个作用域变量上。然后，可以在控制器中使用这个作用域变量来处理复选框的值，并将其发送到一个JSON对象中。

下面是修复后的代码示例：

    
  
  • 
     {{item.ls_ItemValue}}
  
    • 




    
  
  1. {{ item }}
    2.

这段代码中，通过ng-model指令将复选框的值绑定到了item对象的Is_ItemValue属性上。然后，在ng-repeat指令中使用filter过滤器来显示被选中的项。

通过上述修改，现在可以将复选框列表的值发送到一个JSON对象中了。

0
0 Comments

问题：如何将CheckBox列表的值发送到Json中？

原因：在给定的代码中，我们定义了一个名为checkItems的函数。该函数用于在CheckBox列表中选择或取消选择项目。在选择项目时，我们将项目的索引添加到名为listitem的数组中。取消选择项目时，我们从数组中删除对应的索引。

解决方法：我们可以通过以下步骤将CheckBox列表的值发送到Json中：

1. 首先，我们需要在HTML文件中创建一个CheckBox列表，并与$scope.checkItems函数进行绑定。例如：

2. 在AngularJS的控制器中，我们需要定义一个名为list的数组，用于存储CheckBox列表的项目。例如：

$scope.list = [
  {name: "Item 1", selected: false},
  {name: "Item 2", selected: false},
  {name: "Item 3", selected: false}
];

3. 在控制器中，我们还需要定义一个名为checkItems的函数，用于将选中的项目发送到Json中。代码如下：

$scope.checkItems = function () {
  var selectedItems = [];
  for (var i = 0; i < $scope.list.length; i++) {
    if ($scope.list[i].selected) {
      selectedItems.push($scope.list[i].name);
    }
  }
  var json = JSON.stringify(selectedItems);
  // Send json to server or do something with it
};

在该函数中，我们首先创建一个名为selectedItems的数组，用于存储选中的项目的名称。然后，我们遍历list数组，并检查每个项目的selected属性是否为true。如果是，则将该项目的名称添加到selectedItems数组中。

最后，我们使用JSON.stringify方法将selectedItems数组转换为Json字符串，并将其发送到服务器或执行其他操作。可以根据需要进行调整。

通过以上步骤，我们可以将CheckBox列表的值发送到Json中。这样，我们就可以方便地处理和传输CheckBox列表的选中项目了。

0