2017-01-29 142 views
0

鑑於有單選按鈕的兩個列表角JS - 動態值基於單選按鈕的選擇總和

L1

<input type="radio" name="SET1" ng-model="SET1Selected" value="1"> 1 
<input type="radio" name="SET1" ng-model="SET1Selected" value="2"> 2 
<input type="radio" name="SET1" ng-model="SET1Selected" value="3"> 3 

L2

<input type="radio" name="SET2" ng-model="SET2Selected" values="4"> 4 
<input type="radio" name="SET2" ng-model="SET2Selected" value="5"> 5 
<input type="radio" name="SET2" ng-model="SET2Selected" value="6"> 6 

<div> {{value of radio button selected from L1}}+{{value of radio button selected from L2}}</div> 

薩姆將根據從選擇改變L1和L2

+0

@Sajeetharan。請看看我的下一個查詢。:) – Groovy

回答

1

您可以使用表達式

<div> {{parseInt(SET1Selected)+parseInt(SET2Selected) }}</div> 

DEMO

var app = angular.module("myApp", []); 
 
app.controller("myCtrl", ['$scope', function($scope) { 
 
$scope.parseInt = parseInt; 
 

 
}]);
<!DOCTYPE html> 
 
<html ng-app="myApp"> 
 

 
<head> 
 
    <meta charset="utf-8" /> 
 
    <script src="https://code.angularjs.org/1.4.7/angular.js"></script> 
 
    <script src="app.js"></script> 
 
</head> 
 

 
<body ng-controller="myCtrl"> 
 
    <div class="row"> 
 
    <input type="radio" name="SET1" value="1" ng-model="SET1Selected" > 1 
 
    <input type="radio" name="SET1" value="2" ng-model="SET1Selected" > 2 
 
    <input type="radio" name="SET1" value="3" ng-model="SET1Selected" > 3 
 
    </div> 
 
    <div class="row"> 
 
    <input type="radio" name="SET2" value="4" ng-model="SET2Selected" > 4 
 
    <input type="radio" name="SET2" value="5" ng-model="SET2Selected" > 5 
 
    <input type="radio" name="SET2" value="6" ng-model="SET2Selected" > 6 
 
    </div> 
 
    <div class="row"> 
 
    <div> {{parseInt(SET1Selected)+parseInt(SET2Selected) }}</div> 
 
</body> 
 

 
</html>

+0

如果我不直接在值=「4」中提供值,該怎麼辦?我的價值將是一個對象的關鍵,我將循環使用單選按鈕,並在值中顯示不同的鍵,例如value =「XYZ」。 – Groovy

+0

仍然你要綁定一個變量,所以它將是相同的 – Sajeetharan

+0

標記作爲答案,如果它已經幫助 – Sajeetharan

0

小提示如下,你可以用它

{{(SET1Selected - 0) + (SET2Selected - 0)}} 

或者

{{(SET1Selected*1) + (SET2Selected*1)}} 

演示:

https://codeide.co/wCudpQka