2017-01-29 13 views
2

Ввиду есть два списка переключателейУгловые JS Попутный Значения выбранных кнопок Radio On Click

L1

<input type="radio" name="SET1" ng-model="SET1Selected" value="S1"> S1 
    <input type="radio" name="SET1" ng-model="SET1Selected" value="S2"> S2 
    <input type="radio" name="SET1" ng-model="SET1Selected" value="S3"> S3 

L2

<input type="radio" name="SET2" ng-model="SET2Selected" values="S4"> S4 
    <input type="radio" name="SET2" ng-model="SET2Selected" value="S5"> S5 
    <input type="radio" name="SET2" ng-model="SET2Selected" value="S6"> S6 

    <button ng-click="submitRadioBtn()"></button> 

Угловая JS

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

    $scope.submitRadioBtn=function(){ 
     var valfromSET1 = $scope.SET1Selected; 
     var valfromSET2 = $scope.SET2Selected; 
    } 
    }]); 

Я должен получить значения обоих переключателей при нажатии.

+0

ваш код выглядит так, потому что у вас есть 2 разные группы SETING 2 различных переменных – Salman

+0

вы можете показать нам выход? – Salman

+0

Как насчет установки значения ng вместо значения? например, здесь http://stackoverflow.com/questions/32450288/how-to-get-value-of-selected-radio-button-in-angularjs – papakias

ответ

1

Ваш код должен работать без проблем. Просто убедитесь, что вы включили ng-контроллер вне обоих тегов div.

DEMO

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

 
    $scope.submitRadioBtn = function() { 
 
    var valfromSET1 = $scope.SET1Selected; 
 
    var valfromSET2 = $scope.SET2Selected; 
 
    console.log(valfromSET1); 
 
    console.log(valfromSET2); 
 
    } 
 
}]);
<!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" ng-model="SET1Selected" value="S1"> S1 
 
    <input type="radio" name="SET1" ng-model="SET1Selected" value="S2"> S2 
 
    <input type="radio" name="SET1" ng-model="SET1Selected" value="S3"> S3 
 
    </div> 
 
    <div class="row"> 
 
    <input type="radio" name="SET2" ng-model="SET2Selected" values="S4"> S4 
 
    <input type="radio" name="SET2" ng-model="SET2Selected" value="S5"> S5 
 
    <input type="radio" name="SET2" ng-model="SET2Selected" value="S6"> S6 
 
    </div> 
 
    <div class="row"> 
 
    <button ng-click="submitRadioBtn()">submit</button> 
 
    </div> 
 
</body> 
 

 
</html>

+0

приятное объяснение –