Question

您好我正在开发angularjs应用程序。我使用ng-repeat动态生成了复选框。我的设计如下。

<ul>
    <li ng-repeat="screen in screenMap">
        <input type="text" ng-model="screen.scrn_name" />
        <input type="hidden" value="{{screen.scrn_id}}" />
        <input type="checkbox" name="vehicle" value="Read">
        <input type="checkbox" name="vehicle" value="Write">
        <br>
    </li>
</ul>
<input type="button" value="APPLY" ng-click="apply()" />

以下是我的js代码。

 $scope.apply = function () {

        }

我想得到像scrn_name，true，false格式的数组。如果选中该复选框，则为true，否则为false。我可以知道怎样才能得到这个？任何帮助，将不胜感激。谢谢。

Answer 1

浏览angular checkbox

使用ng-true-value和ng-true-value

<ul>
<li ng-repeat="screen in screenMap">
<input type="text" ng-model="screen.scrn_name" />
<input type="hidden" value="{{screen.scrn_id}}"/>
<input type="checkbox" name="vehicle" ng-model="screen.write" ng-true-value="true" ng-false-value="false"> 
<input type="checkbox" name="vehicle" ng-model="screen.read" ng-true-value="true" ng-false-value="false"><br>
</li>
</ul>
<input type="button" value="APPLY" ng-click="apply()"/>


$scope.apply = function () {
  console.log($scope.screenMap);//[{..,read:true,write:false},...]
}

如果Angularjs中的复选框为true，如何获取动态生成的复选框的值

1 个答案: