Javascript 在输入类型复选框上使用$scope函数和ngClick或ngChecked以显示结果

我想在单击复选框项目时显示结果。 为此，我尝试了使用

ng单击

，但它仅在未选中而不是选中后返回结果

这是我的密码：

HTML:

运输机
经纪人
船队所有人
JS:
$scope.isTransporterSelected=false；
$scope.isBrokerSelected=false；
$scope.isFleetownerSelected=false
$scope.searchUser=function（）{
$（'.load board loader'）.show（）；
var i；
var-count=41；
var vFromStateId=vStateId=fromStateId=toStateId=''；
var stateId=[]；
var$el=$（“#用户搜索来源”）；
$el.find（'option:selected'）。每个（函数（）{
stateId.push（{value:$（this.val（），text:$（this.text（）}）；
});
var originId=[]；
var$el=$（“#用户搜索源”）；
$el.find（'option:selected'）。每个（函数（）{
push（{value:$（this.val（），text:$（this.text（）}）；
});
对于（i=0；i您应该将
ngModel
指令与复选框绑定，然后使用
ngChange
在用户更改输入值时计算给定表达式，而不是
ngClick


（函数（角度）{
"严格使用",；
angular.module（'myApp'，[]）
.controller（'controller'，['$scope'，function（$scope）{
$scope.isTransporterSelected=false；
$scope.searchUser=function（）{
//用于调试
console.clear（）；
如果（$scope.isTransporterSelected）{
console.log（'Transporter selected search student'）
}否则{
console.log（'Transporter diselected donot search student'）
}
}
}]);
})（窗口角度）；

运输机
您应该将
ngModel
指令与复选框绑定，然后使用
ngChange
在用户更改输入值时计算给定表达式，而不是
ngClick


（函数（角度）{
"严格使用",；
angular.module（'myApp'，[]）
.controller（'controller'，['$scope'，function（$scope）{
$scope.isTransporterSelected=false；
$scope.searchUser=function（）{
//用于调试
console.clear（）；
如果（$scope.isTransporterSelected）{
console.log（'Transporter selected search student'）
}否则{
console.log（'Transporter diselected donot search student'）
}
}
}]);
})（窗口角度）；

运输机
我尝试了你的代码。可能是我做错了什么。我正在用最新的更改代码更新我的代码。请看一看。@TanmoySarkar改用
$。ajax
你能编辑这个吗？我在我身边遇到了愚蠢的错误我尝试了你的代码。可能是我做错了什么。我正在用最新的更改更新我的代码代码。请看一看。@TanmoySarkar改用
$。ajax
你能编辑这个吗。我面临着来自我这边的愚蠢错误
    <div class="business-type">
           <div class="col-sm-12 filter-wrap-inner">
              <label for="rad1" ><input type="checkbox" name="reason-closing" value="Transporter" id="ad_Checkbox1" class="ads_Checkbox" ng-model="isTransporterSelected" ng-change="searchUser()"> Transporter</label>
           </div>
           <div class="col-sm-12 filter-wrap-inner">
              <label for="rad1" ><input type="checkbox" name="reason-closing" value="Broker"  id="ad_Checkbox1" class="ads_Checkbox" ng-model="isBrokerSelected" ng-change="searchUser()">Broker</label>
           </div>                      
           <div class="col-sm-12 filter-wrap-inner">
              <label for="rad1" ><input type="checkbox" name="reason-closing" value="Fleet Owner" id="ad_Checkbox1" class="ads_Checkbox" ng-model="isFleetownerSelected" ng-change="searchUser()">Fleet Owner</label>
           </div>
       </div>

JS:

$scope.isTransporterSelected = false;
$scope.isBrokerSelected = false;
$scope.isFleetownerSelected = false

$scope.searchUser = function(){
  $('.load-board-loader').show();
  var i;
  var containCount= 41;
  var vFromStateId = vToStateId = fromStateId = toStateId = '';
  var stateId=[];
  var $el=$("#usersearch-origin");
  $el.find('option:selected').each(function(){
      stateId.push({value:$(this).val(),text:$(this).text()});
  });

  var originId=[];
  var $el=$("#usersearch-source");
  $el.find('option:selected').each(function(){
      originId.push({value:$(this).val(),text:$(this).text()});
  });
  for(i=0;i<(stateId.length);i++)
  {
    if(i==0)
    {
      fromStateId = stateId[i].value;
    }
    else{
      fromStateId = fromStateId+','+stateId[i].value;
    }
  }

  for(i=0;i<(originId.length);i++)
  {
    if(i==0)
    {
      toStateId = originId[i].value;

    }
    else{
      toStateId = toStateId+','+originId[i].value;
    }
  }

  vFromStateId = fromStateId ; 
  vToStateId = toStateId ;
  var data ={
    fromStateIds: vFromStateId,
    toStateIds: vToStateId,
    typeOfBusiness: businessTypeValue,
    vehicleClassIds: truckTypeValue,
    orgName: '',
  }
  var url = 'url.com'; 
  //if(vFromStateId != '' || vToStateId != ''){
    $.ajax({
    url: url,
    type: "POST", //Use "PUT" for HTTP PUT methods
    dataType: 'json',
    data: data,
    success:function(response){
      if ($scope.isTransporterSelected || $scope.isBrokerSelected || $scope.isFleetownerSelected) {
        debugger
        $scope.users = response.directory;
        for(var j= 0; j<response.directory.length; j++){
        }
        $scope.$apply();
        $('.load-board-loader').hide();
      } else {
        $scope.users = response.directory;
        for(var j= 0; j<response.directory.length; j++){
        }
        $scope.$apply();
        $('.load-board-loader').hide();
      }

    },
    error: function(error){
      alert("Sorry , No data available"); 
    }
  });