JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.21/angular.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="ListaDados" ng-controller="ListaDadosCtrl">
<br />
<div class="panel panel-default">
<div class="panel-heading"><small> Vendedor: @Session["nome"]</small> </div>
<div class="panel-heading"><small> Jogo: @Session["descricao_modalidade"] </small></div>
<div class="panel-heading"><small> Limite: @Session["limite_aceite"] </small></div>
<div class="panel-heading"><small> Extração: @Session["descricao_estracao"] </small></div>
<div class="panel-heading"><small> Fechamento: @Session["hora_fechamento"] - Dia: @Session["dia_da_semana"] </small></div>
<div class="panel-heading">Total :
<input type="number" class="input-xlarge uneditable-input" ng-model="total">
</div>
</div>
<table class="table table-bordered" ng-show="numeros.length > 0">
<thead>
<tr>
<th>X</th>
<th>Número: </th>
<th>Valor: </th>
</tr>
</thead>
<tbody>
<tr ng-class="{'selecionado negrito':numero.selecionado}" ng-repeat=" numero in numeros">
<td>
<input type="checkbox" ng-model="numero.selecionado" />
</td>
<td>{{numero.nJogo}}</td>
<td>{{numero.valor}}</td>
</tr>
</tbody>
</table>
@*
<input class="form-control input-sm" onkeyup="somenteNumeros(this);" placeholder="valor" maxlength="5" type="text" ng-model="numero.valor" />*@
<div class="container droppedHover">
<div class="row">
<div class="input-prepend input-append">
<input class="form-control input-sm " onkeyup="somenteNumeros(this);" placeholder="número" maxlength="4" type="text" ng-model="numero.nJogo" />
<input class="form-control input-sm" type="number"...
JavaScript
angular.module("ListaDados", []);
angular.module("ListaDados").controller("ListaDadosCtrl", function($scope) {
$scope.app = "Dados que serão inseridos";
$scope.numeros = [];
$scope.adicionar = function(numero) {
$scope.numeros.push(angular.copy(numero));
};
$scope.isNumeroSelecionado = function(numeros) {
return numeros.some(function(numero) {
return numero.selecionado;
});
};
//somar valores - dúvida
$scope.total = 0;
$scope.somarValores = function(numero) {
$scope.total += parseFloat(numero);
}
$scope.subtrairValores = function() {
$scope.numeros.forEach(function(el, i) {
if ($scope.numeros[i].selecionado) {
$scope.total -= parseFloat($scope.numeros[i].valor);
};
})
}
$scope.apagar = function(numeros) {
$scope.numeros = numeros.filter(function(numero) {
if (!numero.selecionado) {
return numero;
}
});
};
});