onclick按钮获取所选值（复选框）的值

Question

<div class="chks" ng-repeat="request in pendingRequest">          
<input type="checkbox" name="chk" ng-model="pendingRequest" id="chk1" ng-click="pendingUser(request.user_id)"> 
<label for="chk1">{{request.first_name}} {{request.last_name}}</label> 
</div> 

<button type="button" ng-click="checkVal()" class="btn btn-default next-step"><span class="next-step">Resend Linking Request</span></button> 

var selectUser = ''; 
$scope.pendingUser = function(user) { 
    selectUser = user; 
} 

$scope.checkVal = function() { 
    if (selectUser) { 
     alert(selectUser); 
    } else { 
     alert("CheckBox is not checked."); 
    } 
} 

如何检查点击checkVal按钮函数是否具有user_id。

复选框点击获取Angularjs中的user_id。

Answer 1

使用数组推送复选框中的值条目。

$scope.nameSelected= []; 

给出复选框的单个值。我假设这是第一个名字。

$scope.getAllSelected = function(){   
      angular.forEach($scope.first_name,function(key,value){ 
       if(key) 
        $scope.nameSelected.push(value) 
      }); 
    console.log($scope.nameSelected) 
     } 

从复选框输入条目中删除不需要的ng-click。 getAllSelected可以在你点击提交按钮的情况下完成。

Answer 2

<div class="chks" ng-repeat="request in pendingRequest">          
    <input type="checkbox" name="chk" ng-model="pendingRequest" id="chk1" ng-click="pendingUser(request.user_id)"> 
    <label for="chk1">{{request.first_name}} {{request.last_name}} 
    </label> 
</div> 

你为什么要在同一个模型上重复，而不是你的复选框是？你可以提供一个运动员什么的。

$scope.checkVal = function(){ 

    if (selectUser) { 
     alert(selectUser); 
    } else { 
     alert("CheckBox is not checked."); 
    } 
} 

的selectUser是未定义在那里，它被认为是一个单一的用户（和你应该通过它在PARAMS的话），或整个阵列pendingRequest？

如果你想检查是否每个请求被选中，那么你可以只绑定你的复选框request.selected并在检查返回request.selected 这将是类似的东西：

$scope.checkVal = function(){ 
    angular.forEach($scope.pendingRequest, function(request) { 
     if (request.selected) 
      alert(request) 
     else 
      alert("Not selected") 
    }) 
}