如何选中多个复选框已选中

时间:2016-06-23 13:18:46

标签: javascript angularjs checkbox

<input type="checkbox" name="sportId" ng-required="!sportId" data-checklist-model="player.sport_id" data-checklist-value="role.id" ng-click="myFunction(role.id)" ng-change="stateChanged(player.sport_id)">

    $scope.roles = [
    {id: 1, text: 'Hockey'},
    {id: 2, text: 'Soccer'},
    {id: 3, text: 'Lacrosse'},
    {id: 4, text: 'Golf'},
    {id: 5, text: 'Football'},
    {id: 6, text: 'Other'}
  ];

我已经使用过这种方法它运作良好但它适用于单一复选框如果你选择了多个复选框它没有正确检查

之所以如此,因为当我单击一个复选框时,当我取消选中它具有第一个id时,它在数组中没有值。所以在另一端,如果我选择1st(数组中没有值,因此响应正确)如果我点击并选择第二个id(它有一个2值为true),那么它表示取消选中

如何检查多个复选框已选中

$scope.stateChanged = function(changedSport){

        if($scope.player.sport_id == false)
        {
          alert("Checked");

        }else{
          alert("unChecked");


   } 

0 个答案:

没有答案