angularjs - Angularjs复选框选定的值未识别
问题描述
嗨,这个问题已经问过了,但这并没有解决我的问题。
我将复选框值传递给控制器,但我无法确定选择了哪一个。
这是我的代码
HTML:
<div class="col-sm-3" ng-repeat="days in formData.businessDays">
<input type="checkbox" ng-model="business_days.Selected" ng-change=""><span> {{days.name}}</span>
</div>
JS:
$scope.addData = function(form)
{
$scope.formData.days_id = [];
angular.forEach($scope.formData.businessDays, function(businessDays){
//console.log(businessDays);
if (businessDays.Selected) {
$scope.formData.days_id.push(businessDays.value);
}
})
}
//this days data values
$scope.formData.businessDays = [{
name: "Monday",
value: "M",
}, {
name: "Tuesday",
value: "T",
}, {
name: "Wednesday",
value: "W",
}, {
name: "Thursday",
value: "Th",
}, {
name: "Friday",
value: "F",
}, {
name: "Saturday",
value: "S",
}, {
name: "Sunday",
value: "Su",
}, ];
我无法确定哪个是选定的值?
解决方案
<div class="col-sm-3" ng-repeat="days in formdata.businessDays">
<input type="checkbox" ng-model="days.selected" ng-click="selected(days)">
<span> {{days.name}}</span>
</div>
并在控制器中
$scope.selected = function(d){
console.log(d);
}
$scope.formdata = {};
$scope.formdata.businessDays = [{
name: "Monday",
value: "M",
}, {
name: "Tuesday",
value: "T",
}, {
name: "Wednesday",
value: "W",
}, {
name: "Thursday",
value: "Th",
}, {
name: "Friday",
value: "F",
}, {
name: "Saturday",
value: "S",
}, {
name: "Sunday",
value: "Su",
},];
推荐阅读
- python - 将元素添加到集合时使用 python lambda 函数映射
- docker - Kubernetes 上的 VDO
- microsoft-graph-api - Microsoft Graph for OneDrive 限制问题 - RetryAfter 属性为空
- android - Unit 和 Android 无法精确跟随手指?
- javascript - 简单的 onclick 事件未按预期执行
- docker - 如何从本地 VM 访问主机上的 docker 容器?
- python - 仅将不同的数据从一个 .csv 附加到另一个 .csv
- c - 为什么 malloc 分配已分配的内存位置?
- javascript - 使用 Promises 和 Async/Await 模块化实现 MongoDB
- javascript - 根据数组中的值过滤 where