以特定格式格式化复选框值-AngularJS_Angularjs

以特定格式格式化复选框值-AngularJS

angularjs

以特定格式格式化复选框值-AngularJS,angularjs,Angularjs,我有一张有5个复选框的表格 HTML 实际上，我需要将这个设置变量发送到我的API，由它提交值。我不知道我该怎么做有什么帮助吗你在找这个吗 HTML 普朗克：在函数submitBoxValue中，放入$http post请求并点击url。就是这样。我希望在单击submit按钮时，动态地从html中获取复选框值并以所需格式解析它们。从表单中设置所有复选框值，并将标签和值放入settings variablePLunker Update中。选中它。您还需要为每个复选框输入ng init。 <

我有一张有5个复选框的表格

HTML

实际上，我需要将这个设置变量发送到我的API，由它提交值。我不知道我该怎么做

有什么帮助吗你在找这个吗

HTML

普朗克：

在函数submitBoxValue中，放入$http post请求并点击url。就是这样。我希望在单击submit按钮时，动态地从html中获取复选框值并以所需格式解析它们。从表单中设置所有复选框值，并将标签和值放入settings variablePLunker Update中。选中它。您还需要为每个复选框输入ng init。

<div class="col-sm-12 col-xs-12">
<label class="control-label col-xs-6 col-sm-6">Dismiss: </label>
<label class="col-xs-6 col-sm-6 tasks-toggle-btn">
    <input name="switch-field-1" class="ace ace-switch ace-switch-7" ng-model="settingsCtrl.showDismiss" type="checkbox" />
    <span class="lbl"></span>
</label>
</div>
<div class="col-sm-12 col-xs-12">
<label class="control-label col-xs-6 col-sm-6">Date: </label>
<label class="col-xs-6 col-sm-6 tasks-toggle-btn">
    <input name="switch-field-1" class="ace ace-switch ace-switch-7" ng-model="settingsCtrl.showDate" type="checkbox" />
    <span class="lbl"></span>
</label>
</div>
<div class="col-sm-12 col-xs-12">
<label class="control-label col-xs-6 col-sm-6">Time: </label>
<label class="col-xs-6 col-sm-6 tasks-toggle-btn">
    <input name="switch-field-1" class="ace ace-switch ace-switch-7" ng-model="settingsCtrl.showTime" type="checkbox" />
    <span class="lbl"></span>
</label>
</div>
<div class="col-sm-12 col-xs-12">
<label class="control-label col-xs-6 col-sm-6">Time to Complete: </label>
<label class="col-xs-6 col-sm-6 tasks-toggle-btn">
    <input name="switch-field-1" class="ace ace-switch ace-switch-7" ng-model="settingsCtrl.timeToComplete" type="checkbox" />
    <span class="lbl"></span>
</label>
</div>
<div class="col-sm-12 col-xs-12">
<label class="control-label col-xs-6 col-sm-6">Cost to Complete: </label>
<label class="col-xs-6 col-sm-6 tasks-toggle-btn">
    <input name="switch-field-1" class="ace ace-switch ace-switch-7" ng-model="settingsCtrl.costToComplete" type="checkbox" />
    <span class="lbl"></span>
</label>
</div>

var settings = {
"label": ["dismiss", "date", "time", "timeToComplete", "costToComplete", "comments", "commentsWF", "wfName", "wfcomments", "documents", "wfFields", "wfEndBtn"],
"value": ["false", "true", "true", "false", "false", "true", "false", "true", "false", "false", "false", "true"]
}

<!doctype html>
<html ng-app="ui.bootstrap.demo">
  <head>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js"></script>
    <script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.12.1.js"></script>
    <script src="example.js"></script>
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
  </head>
  <body>

<div ng-controller="AccordionDemoCtrl">
  <div class="col-sm-12 col-xs-12">
<label class="control-label col-xs-6 col-sm-6">Dismiss: </label>
<label class="col-xs-6 col-sm-6 tasks-toggle-btn">
    <input name="switch-field-1" class="ace ace-switch ace-switch-7" ng-model="settingsCtrl.showDismiss" type="checkbox" />
    <span class="lbl"></span>
</label>
</div>
<div class="col-sm-12 col-xs-12">
<label class="control-label col-xs-6 col-sm-6">Date: </label>
<label class="col-xs-6 col-sm-6 tasks-toggle-btn">
    <input name="switch-field-1" class="ace ace-switch ace-switch-7" ng-model="settingsCtrl.showDate" type="checkbox" />
    <span class="lbl"></span>
</label>
</div>
<div class="col-sm-12 col-xs-12">
<label class="control-label col-xs-6 col-sm-6">Time: </label>
<label class="col-xs-6 col-sm-6 tasks-toggle-btn">
    <input name="switch-field-1" class="ace ace-switch ace-switch-7" ng-model="settingsCtrl.showTime" type="checkbox" />
    <span class="lbl"></span>
</label>
</div>
<div class="col-sm-12 col-xs-12">
<label class="control-label col-xs-6 col-sm-6">Time to Complete: </label>
<label class="col-xs-6 col-sm-6 tasks-toggle-btn">
    <input name="switch-field-1" class="ace ace-switch ace-switch-7" ng-model="settingsCtrl.timeToComplete" type="checkbox" />
    <span class="lbl"></span>
</label>
</div>
<div class="col-sm-12 col-xs-12">
<label class="control-label col-xs-6 col-sm-6">Cost to Complete: </label>
<label class="col-xs-6 col-sm-6 tasks-toggle-btn">
    <input name="switch-field-1" class="ace ace-switch ace-switch-7" ng-model="settingsCtrl.costToComplete" type="checkbox" />
    <span class="lbl"></span>
</label>
</div>

<button class="btn btn-default" ng-click="submitBoxValue(settingsCtrl)" >submit</button>

{{value}}
</div>
  </body>
</html>

angular.module('ui.bootstrap.demo', ['ui.bootstrap']);
angular.module('ui.bootstrap.demo').controller('AccordionDemoCtrl', function ($scope) {

  var settings = {
"label": ["dismiss", "date", "time", "timeToComplete", "costToComplete", "comments", "commentsWF", "wfName", "wfcomments", "documents", "wfFields", "wfEndBtn"],
"value": ["false", "true", "true", "false", "false", "true", "false", "true", "false", "false", "false", "true"]
};


$scope.submitBoxValue = function(cbox){

 $scope.value=cbox;
}

});