Javascript 如何在Angular中获取复选框项的值

我有三个复选框项目

<input type="checkbox" name="my_list" value="val 1">
<input type="checkbox" name="my_list" value="val 2">
<input type="checkbox" name="my_list" value="val 3">

问题是

 my_list.value

---

返回true或false，这不是我想要的。我希望它返回我在“value”属性中拥有的内容。

复选框是一个多选输入，因此每个复选框都应该有自己的名称（或者更确切地说：

ng model

）。如果需要单选输入，则应使用收音机：

<input type="radio" ng-model="value" value="val 1" />
<input type="radio" ng-model="value" value="val 2" />

---

现在，根据选择，

{{value}}

将被评估为

val 1

或

val 2

。

您可以使用

ng true value

如下：

<input type="checkbox" name="my_list" ng-model="my_list" ng-true-value="val 1">
<input type="checkbox" name="my_list" ng-model="my_list" ng-true-value="val 2">
<input type="checkbox" name="my_list" ng-model="my_list" ng-true-value="val 3">    

---

{{my_list}}

如果未选中任何内容，则将为空，如果选中第一个复选框，则显示“val 1”，等等。

谢谢大家，但我自己解决了这个问题

我使用如下复选框：

 <input type="checkbox" name="Added Items" ng-change="checkbox_change('my_list1', 'val 1')" ng-model="my_list1" value="val 1">

---

这允许我访问模型和复选框的值。

谢谢，但这不是我想要的。我需要建立一个列表，其值是复选框的值。这样，如果我选中一个框，我知道使用该值，否则不会。如果你能回答我贴出的问题，我很乐意接受你的回答。：）我能想到的唯一方法是在控制器中声明

$scope.value=[]

，将复选框绑定到

value[0]

，

value[1]

等，然后从

value

中删除空值（例如，使用下划线：

。而不使用（value，null）

）。

 <input type="checkbox" name="Added Items" ng-change="checkbox_change('my_list1', 'val 1')" ng-model="my_list1" value="val 1">

      $scope.checkbox_change = function(key, val) {
        alert($scope[key]);
        alert(val);
      }