首頁(yè) 猿問(wèn) 如何使用AngularJS綁定到復(fù)...

如何使用AngularJS綁定到復(fù)選框值列表？

JavaScript

炎炎設(shè)計(jì) 2019-06-24 13:40:53

如何使用AngularJS綁定到復(fù)選框值列表？我有幾個(gè)復(fù)選框：<input type='checkbox' value="apple" checked><input type='checkbox' value="orange"><input type='checkbox' value="pear" checked><input type='checkbox' value="naartjie">我希望綁定到控制器中的列表，以便每當(dāng)更改復(fù)選框時(shí)，控制器都會(huì)維護(hù)所有選中值的列表，例如，['apple', 'pear'].Ng-模型似乎只能將單個(gè)復(fù)選框的值綁定到控制器中的變量。還有其他方法可以將四個(gè)復(fù)選框綁定到控制器中的列表中嗎？

查看完整描述

3 回答

絕地?zé)o雙

TA貢獻(xiàn)1946條經(jīng)驗(yàn) 獲得超4個(gè)贊

<input type='checkbox' ng-repeat="fruit in fruits"
  ng-checked="checkedFruits.indexOf(fruit) != -1" ng-click="toggleCheck(fruit)">

.

function SomeCtrl ($scope) {
    $scope.fruits = ["apple, orange, pear, naartjie"];
    $scope.checkedFruits = [];
    $scope.toggleCheck = function (fruit) {
        if ($scope.checkedFruits.indexOf(fruit) === -1) {
            $scope.checkedFruits.push(fruit);
        } else {
            $scope.checkedFruits.splice($scope.checkedFruits.indexOf(fruit), 1);
        }
    };}

反對(duì) 回復(fù) 2019-06-24