找出Checkbox上是否选择了多个

时间:2016-12-09 04:13:19

标签: javascript angularjs

这就是我有一个复选框,它必须是这样的,例如,当我点击我的按钮时,所以它必须要知道必须有多个复选框。所以它必须有更多的价值。

因为它现在在我的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");
        }
    }
}

所以我的目的是确保我不止一个或只是一个价值。

1 个答案:

答案 0 :(得分:0)

你不能得到这样的复选框,因为所有的复选框都指的是相同的模型,

Double.parseDouble()

样本

&#13;
&#13;
 $scope.records = [ { "Id": 1 }, { "Id": 2 }, { "Id": 3 } ];
&#13;
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 ];
      });
    };      
});
&#13;
&#13;
&#13;