<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example - Angularjs radio button checked validation</title>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.14/angular.min.js"></script>
</head>
<body ng-app="radioButtonExample">
<script>
angular.module('radioButtonExample', [])
.controller('CtrlRadioButton', ['$scope', function($scope) {
$scope.gender = ''; //set for default value
$scope.submitForm = function() {
alert('scussess');
}
}]);
</script>
<form name="myForm" ng-submit="submitForm()" ng-controller="CtrlRadioButton">
<h2>Angularjs radio button checked validation</h2>
<input type="radio" ng-model="gender" value="1" ng-required="!gender"> Male <br/>
<input type="radio" ng-model="gender" value="2" ng-required="!gender"> Female <br/>
<input type="radio" ng-model="gender" value="3" ng-required="!gender"> Other <br/>
<br/>
<button type="submit">Submit</button><br/>
<br/>
<br/>
<tt>For more detail >></tt> <a href="https://www.code-sample.com">https://code-sample.com</a><br/>
</form>
</body>
</html>
// Code goes here
/* Styles go here */