CODEWITHSUNDEEP
htmlangularjs
Arun Kumar M
Arun Kumar M

Reputation: 1601

Get value for selected button

How to get ng-model value for only active button in angularjs 

<div class="time_buttons mar_bot_30" ng-init="selectedBtn = 'minute'">
     <button class="btn btn-default" ng-class="{'active':selectedBtn === 'second'}" ng-click="selectedBtn = 'second'" ng-model="SECOND">Second</button>
     <button class="btn btn-default" ng-class="{'active':selectedBtn === 'minute'}" ng-click="selectedBtn = 'minute'" ng-model="MINUTE">Minute</button>
     <button class="btn btn-default" ng-class="{'active':selectedBtn === 'hour'}" ng-click="selectedBtn = 'hour'" ng-model="HOUR">Hour</button>
</div>

Thank you....

Upvotes: 0

Views: 94

Answers (2)

Ankit Kumar Gupta
Ankit Kumar Gupta

Reputation: 1322

<div class="time_buttons mar_bot_30">
 <button class="btn btn-default" ng-class="{'active':selectedBtn === 'second'}" ng-click="selectedButton('Second')">Second</button>
 <button class="btn btn-default" ng-class="{'active':selectedBtn === 'minute'}" ng-click="selectedButton('Minute')" >Minute</button>
 <button class="btn btn-default" ng-class="{'active':selectedBtn === 'hour'}" ng-click="selectedButton('Hour')">Hour</button>
</div>

JS

$scope.selectedBtn = 'minute'
$scope.selectedButton = function(status) {
  console.log(status)
}

You need to call some function in ng-click and pass the parameter.No need of use ng-model in button.

here selectedBtn will give default value and after clicking selectedButton function will call and give u selected value

Upvotes: 1

Geethu Jose
Geethu Jose

Reputation: 1993

check using hasClass 

angular.element(button).hasClass('active');

Refer angular.element

Upvotes: 0

Related Questions