How can I get the value of the checked radio button when submitting a form using angularjs?

Question

I have a few forms. Each form have a few possible radio buttons and a submit button. Only one radio button can be checked (using the same name attribute for each radio). How

Answer 1

Your radio button's value will be available on whatever scope property you've assigned ng-model="" to on the input element. Try something like this:

JS

app.controller('MyCtrl', function($scope){ 
   $scope.submitForm = function (){
       alert($scope.radioValue):
   };

   $scope.radioValue = 1;
});

HTML

    One
    Two
    Three
   
currently selected: {{radioValue}}
   Submit

And, so you can see it working, here is a plunker demonstrating the example