如何在angularjs中获取选中的复选框

Posted

技术标签:

【中文标题】如何在angularjs中获取选中的复选框【英文标题】:How to Get selected checkbox in angularjs 【发布时间】:2021-09-11 16:59:42 【问题描述】:

我正在执行 angular-is 和 Spring 启动程序,我想将复选框数据作为输入发送,但出现错误。请看一次。

I am doing angularjs and Spring boot program where i want to send my checkbox data as a input but i am getting error. please look once.

Here is the Angular-js code
---------------------------
**$scope.saveUser = function() 
$scope.locationArray=[];
angular.forEach($scope.locations,function(location)
<!--        alert(JSON.stringify(locations))        -->
if(!!location.isselected)$scope.locationArray.push(location);
);
alert(JSON.stringify($scope.locationArray));   
alert("Your Data is Submiting ! Are You Sure to Submit ?..")
$http.post("http://localhost:8765/user-api/user/saveAll",$scope.user).then(
function successCallback(response) 
console.log("User Successfully posted data");
,
function errorCallback(response) 
console.log("Your Form Submission is  failed");

);
;**
---------------------------

Here is the html Code
------------------------
<div class="form-group" >
Location:: 
<div ng-repeat="location in locations"> 
   <label>location.opreaterAreaName</label>
   <input type="checkbox"   class="form-check-input"  ng-model ="location.isselected">
</div>

【问题讨论】:

你的错误在哪里? 请添加正确的功能代码以及错误也 我想使用复选框发送数据,但它说的是 Null 值。数据没有从网页传递到函数。我认为每当在推送中存在一些问题......并且功能和html代码已经存在,请看一次并帮助我。谢谢 【参考方案1】:

添加后。问题解决了

$scope.user.locations=$scope.locationArray;

【讨论】:

以上是关于如何在angularjs中获取选中的复选框的主要内容,如果未能解决你的问题,请参考以下文章

angularjs怎么获取到单选框的值

加载时默认选中Angularjs复选框,并在选中时禁用选择列表

复选框选中/取消选中无法与 angularjs 一起正常工作

angularJs获取复选框中id 进行批量删除

如何使用 ng-checked 进行函数调用:Angularjs

在Angular Js中重新加载后,如何将复选框(选中或未选中)从javascript控制器更新到html页面?