angularjscheckbox全选_angularjs – 如何获取多个选中的复选框值

本文通过实例解析了AngularJS中的ng-repeat指令如何配合ng-model使用,展示了如何遍历并保存数据到数据库。代码示例详细介绍了如何创建选项列表,并在用户选择后将选中项以CSV格式导出。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

您可以在一系列选项中使用ng-repeat ng-model.

DEMO http://plnkr.co/edit/KcUshc74FZL1npZsKbEO?p=preview

HTML

Options

{{option.name}}


save to database

JS

var app = angular.module('plunker',[]);

app.controller('MainCtrl',function($scope) {

$scope.options = [{

name: 'java',value: true,},{

name: 'c#',value: false

},{

name: 'angular',value: true

},{

name: 'r',{

name: 'python',{

name: 'c++',value: true

}];

$scope.save = function() {

var optionsCSV = '';

$scope.options.forEach(function(option) {

if (option.value) {

// If this is not the first item

if (optionsCSV) {

optionsCSV += ','

}

optionsCSV += option.name;

}

})

// Save the csv to your db (replace alert with your code)

alert(optionsCSV);

};

});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值