javascript - 如果选中,将复选框中的值存储到字符串中

标签 javascript angularjs

我想将复选框中的值存储到字符串中

 <label style="color:black; text-decoration:none; font-size:15px" href="#">
                  <input type="checkbox" ng-model="diet.v1" ng-true-value="'&diet=high-fiber'" ng-false-value="''" />High-Fiber</label> 

如何从 ng-true-value(选中时)获取值到字符串以便我可以使用它? 当我尝试像这样的东西时 console.log(diet.v1);在 js 中它不会工作

最佳答案

请使用 ng-true-value、ng-false-value 检查以下工作示例代码。

 <!doctype html>
        <html lang="en">
        <head>
          <meta charset="UTF-8">
          <title>Example - example-checkbox-input-directive-production</title>
          
        
          <script src="//code.angularjs.org/snapshot/angular.min.js"></script>
          
        
          
        </head>
        <body ng-app="checkboxExample">
          <script>
          angular.module('checkboxExample', [])
            .controller('ExampleController', ['$scope', function($scope) {
              $scope.diet = {
               v1 : ''
             };
            }]);
        </script>
        <form name="myForm" ng-controller="ExampleController">
          <label>Value:
            <input type="checkbox" ng-model="diet.v1"
                   ng-true-value="'&diet=high-fiber'" ng-false-value="''">
           </label><br/>
          <tt>value = {{diet.v1}}</tt><br/>
         </form>
        </body>
        </html>

关于javascript - 如果选中,将复选框中的值存储到字符串中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48178293/

相关文章:

javascript - 如何对多个字段进行地理编码?

javascript - AngularJS : How do I switch views from a controller function?

javascript - 在Javascript/D3中,如何将5种颜色(十六进制格式)的色阶映射到17种颜色

javascript - 如何将一个数组的内容迭代到另一个数组的空/未定义点?

javascript - jquery .css() 问题和获取样式属性的 brifed css

javascript - 带有 ocLazyload 的 webpack 无法同时加载 Controller 和模板文件

html - 更改背景图像,从其他缩略图中选择 - Ionic

javascript - 使用 angular.js 提交表单后添加数据

arrays - 如何在 ngRepeat 数组之间推送 AngularJS 中的对象

javascript - 如何根据随机条件动态创建按钮