2017-07-05 18 views
0

こんにちは私はangularjsアプリケーションを開発しています。私は、ng-repeatを使って動的にチェックボックスを生成しました。私のデザインは以下の通りです。Angularjsでチェックボックスがtrueの場合、動的に生成されるチェックボックスの値を取得する方法

<ul> 
    <li ng-repeat="screen in screenMap"> 
     <input type="text" ng-model="screen.scrn_name" /> 
     <input type="hidden" value="{{screen.scrn_id}}" /> 
     <input type="checkbox" name="vehicle" value="Read"> 
     <input type="checkbox" name="vehicle" value="Write"> 
     <br> 
    </li> 
</ul> 
<input type="button" value="APPLY" ng-click="apply()" /> 

以下は私のjsコードです。

$scope.apply = function() { 

     } 

私はscrn_name、true、falseフォーマットのような配列を取得したいと考えています。チェックボックスがオンの場合はtrue、そうでない場合はfalseです。 私はこれをどのように得ることができますか?どんな助けもありがとう。ありがとうございました。

+0

チェック角度ドキュメントを経ます5D) –

答えて

1

は、[チェックボックス](https://docs.angularjs.org/api/ng/input/input%5Bcheckbox%ためangular checkbox

使用ng-true-valueng-true-value

<ul> 
<li ng-repeat="screen in screenMap"> 
<input type="text" ng-model="screen.scrn_name" /> 
<input type="hidden" value="{{screen.scrn_id}}"/> 
<input type="checkbox" name="vehicle" ng-model="screen.write" ng-true-value="true" ng-false-value="false"> 
<input type="checkbox" name="vehicle" ng-model="screen.read" ng-true-value="true" ng-false-value="false"><br> 
</li> 
</ul> 
<input type="button" value="APPLY" ng-click="apply()"/> 


$scope.apply = function() { 
    console.log($scope.screenMap);//[{..,read:true,write:false},...] 
} 
+0

ありがとうございます。テキストボックスやチェックボックスの上をループするには? –

+0

チェックボックスの値を格納するオブジェクト配列を作成 – azad

+0

ありがとうございます。 $ scope.storechecboxvalues = {};私が間違っていないなら、これは正しい方法ですか? –

関連する問題