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

Question

我有三个复选框项目

<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">

我希望能够以角度做的是当我单击一个框时，例如“val 2”

my_list.value    // yields 'val 2'
my_list.checked  // yields true or false depending on if it's checked or not

问题是

 my_list.value

返回真或假，这不是我想要的。我希望它返回我在“价值”属性中的内容。

Answer 1

你可以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”等。

Answer 2

Checkbox 是一个多项选择输入，因此每个选项都应该有自己的名称（或者更确切地说：）ng-model。如果你想要一个单选输入，你应该使用radio：

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

而现在，{{value}}将根据选择评估为val 1或。val 2

Answer 3

谢谢大家，但我自己解决了。

我使用这样的复选框：

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

参数指定 1. 访问哪个模型。2.复选框的值。

然后我使用这个功能

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

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