javascript - 変数 - 角度取得選択チェックボックス



javascript リンク先 url 取得 (2)

私は角度を使って動的に記入されたチェックボックスのリストを持っています。

 <div ng-repeat="X in XList">
     <label>{{X.Header}}</label>
     <input type="checkbox" name="X" value="{{X.Item.Id}}" />
     <p>{{X.Header}}</p>
 </div>

選択したすべてのチェックボックスのリストを取得するメソッドが必要です。 私は通常

 $('input[name=checkboxlist]:checked').each(function()
{
}

しかし、これは角では受け入れられません....そうするために適切な方法がありますか?

https://src-bin.com


Answer #1

ng-modelディレクティブを使用すると、プロパティを要素に直接バインドできます。

例えば

<input type="checkbox" ng-model="X.Item.Id" />

これにより、モデルが更新されます。

これにより、モデル内の値をチェックし、チェックされた値を確認することができます。

例えば

angular.forEach($scope.yourModelItems, function(item){
    // item.value ? 0 : 1;
});

ngModelのドキュメントをチェックしてください。 また、 angularjs.orgホームページのToDoリストの例もこれを示しています。

psサイドノートでは、以前にdata-を追加することで、あなたの角度指示文をHTML5にすることもできます。 例: data-ng-model="X.Item.Id"


Answer #2

ここに実装されたplunkerがあります

 <input type="checkbox" ng-model="selected[record.Id]"> {{record.Id}}

 $scope.ShowSelected = function() {
  console.log($scope.selected);
  alert(JSON.stringify($scope.selected));
};




checkboxlist