2015-09-14 2 views
0

Я хочу предупредить значение флажка один за другим. У меня есть 5 флажок в списке. Я хочу получить значение выбранного флажка.Как получить выбранное значение флажка

Посмотреть

<ul class="ul-list-10"> 
    <li ng-repeat="assetType in assetTypeList"> 
      <input type="checkbox" ng-model="assetType.checked" ng-click="fnChangeAssetType(assetType)" value="{{assetType.Id}}" /> 
    </li> 
</ul> 

JS

angular.forEach($scope.assetTypeList, function (item) { 
         //put your code here 
}); 
+2

вы не можете использовать 'нг-model' внутри' нг-repeat' в этом случае. Его привязка «assetType.checked» для всех флажков, если вы проверили какой-либо checkBox, вы все выбрали. –

+0

Предоставьте 'assetTypeList', чтобы его найти решение. –

+0

Пожалуйста, проверьте эту [нить] (http://stackoverflow.com/questions/14514461/how-can-angularjs-bind-to-list-of-checkbox-values), чтобы узнать различные способы, которыми вы можете достичь это зависит от вашей модели данных. – road2victory

ответ

1

Кстати, вы можете принять значение по щелчку

Angularjs код:

var app = angular.module('myapp',[]); 
app.controller('myctrl',function($scope){ 
$scope.assetTypeList=[{id:1,checked:false},{id:2,checked:false},{id:3,checked:false},{id:4,checked:false}]; 
    $scope.fnChangeAssetType=function(val){ 
     alert(val.id); 
    } 
}); 

HTML

<div ng-app="myapp" ng-controller='myctrl'> 
    <ul class="ul-list-10"> 
    <li ng-repeat="assetType in assetTypeList"> 
      <input type="checkbox" ng-model="assetType.checked" ng-click="fnChangeAssetType(assetType)" value="{{assetType.id}}" /> 
     {{assetType.id}} 
    </li> 
</ul> 
    </div> 

jsFiddle Для решения: http://jsfiddle.net/kLrvs4ty/1/

Смежные вопросы