找出是否在复选框上选择了多个

这就是我如何拥有一个复选框，它必须是这样的，例如，当我点击我的按钮，所以它一定是想知道，必须有多于其中之一。所以它必须有更多的价值。找出是否在复选框上选择了多个

因为它现在在我的console.log（）中没有错误或成功消息。

<input type="checkbox" 
     ng-checked="ItemSelected" 
     name="SelectedTypes" 
     value="2" /> 
<input type="checkbox" 
     ng-checked="ItemSelected" 
     name="SelectedTypes" 
     value="3" /> 
<input type="checkbox" 
     ng-checked="ItemSelected" 
     name="SelectedTypes" 
     value="4" /> 

<input type="button" class="btn btn-success" value="Næste" ng-click="UppersViewClick()" />

CreateUserInfo.js - 文件

$scope.UppersViewClick = function() 
{ 
    if ($scope.ItemSelected !== undefined) 
    { 
     if ($scope.ItemSelected.length > 1) { 
      $scope.UppersViewInfo = false; 
      $scope.PantsViewInfo = true; 
      console.log("succes") 
     } 
     else 
     { 
      console.log("error"); 
     } 
    } 
}

这样的目的那就是我应该确保我一个以上的，或只是一个值超出了这一切。

来源

2016-12-09 Jesper P

不要ü要检查按钮所有复选框单击？或者你的目的是什么？ –

你不能得到遏制这样的盒子，因为所有指的是同一型号，

$scope.records = [ { "Id": 1 }, { "Id": 2 }, { "Id": 3 } ];

DEMO

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

 
app.controller('MyCtrl', function($scope) { 
 
    $scope.records = [ { "Id": 1 }, { "Id": 2 }, { "Id": 3 } ]; 
 
    $scope.selected = {}; 
 
    $scope.ShowSelected = function() { 
 
     $scope.records = $.grep($scope.records, function(record) { 
 
     return $scope.selected[ record.Id ]; 
 
     }); 
 
    };  
 
});

<!doctype html> 
 
<html ng-app="plunker" > 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <title>AngularJS Plunker</title> 
 
    <link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet"> 
 
    <link rel="stylesheet" href="style.css"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script> 
 
    <script src="https://raw.github.com/twitter/bootstrap/master/docs/assets/js/bootstrap.js"></script> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.js"></script> 
 
    <script src="https://raw.github.com/angular-ui/angular-ui/master/build/angular-ui.js"></script> 
 
    <script src="app.js"></script> 
 
</head> 
 
<body> 
 
<div data-ng-controller="MyCtrl"> 
 
    <ul> 
 
     <li data-ng-repeat="record in records"> 
 
      <input type="checkbox" ng-model="selected[record.Id]"> {{record.Id}} 
 
     </li> 
 
    </ul> 
 
    <a href="javascript:;" data-ng-click="ShowSelected()">Show Selected</a> 
 
</div> 
 
\t </body> 
 
</html>

来源

2016-12-09 04:40:33 Sajeetharan

感谢您的帮助！ :)美好的一天，你。 –

找出是否在复选框上选择了多个

回答

相关问题