After spending countless hours trying to figure out how to count radio buttons, I encountered another issue where the value passed to ng-change would become "undefined". My question is, how can I successfully pass that value? Any assistance with counting only non-zero value radio buttons would be greatly appreciated.
I specifically want to count radio buttons with a value other than 0.
<!DOCTYPE html>
<html ng-app="myapp">
<head>
<title>AngularJS</title>
<link rel="stylesheet" href="/content/css/styles.css" type="text/css">
<link rel="stylesheet" type="text/css" href="/content/css/font-awesome.min.css">
<script src="/app/lib/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="/app/app.js"></script>
</head>
<body>
<form ng-controller="MainCtrl">
<table>
<tr ng-repeat="item in data">
<td>
<input type="radio" name={{item.name}} ng-change="updateTotal(item)" ng-model="item.value">
{{item.name}}
</td>
</tr>
</table>
<hr>
<p>
Total checked: {{totalSelected}}
</p>
</form>
</body>
</html>
JavaScript file:
var app = angular.module('myapp', []);
app.controller('MainCtrl', function ($scope) {
$scope.init = function () {
$scope.data = $scope.createData();
$scope.totalSelected = 0;
}
$scope.createData = function () {
return [{
'name': 'cow',
'selected': false,
'value': 1
},
{
'name': 'cow',
'selected': false,
'value': 2
},
{
'name': 'cow',
'selected': false,
'value': 0
},
{
'name': 'rat',
'selected1': false,
'value': 1
},
{
'name': 'rat',
'selected': false,
'value': 2
},
{
'name': 'rat',
'selected': false,
'value': 0
},
{
'name': 'cat',
'selected': "false",
'value': 1
},
{
'name': 'cat',
'selected': "false",
'value': "2"
},
{
'name': 'cat',
'selected': "false",
'value': "0"
}
];
}
$scope.updateTotal = function (item) {
console.log(item);
if (item) {
$scope.totalSelected++;
} else {
$scope.totalSelected--;
}
}
$scope.init();
});
Console log:
{name: "cat", selected: "false", value: undefined, $$hashKey: "object:10"}
{name: "cat", selected: "false", value: undefined, $$hashKey: "object:11"}