Good morning guys over stack
I have the following problem.
I try to display content on the screen, some of this content gets duplicated.
arrayObjCat9 = [];
$(".form-group").find('*').each(function() {
var id = $(this).attr("id");
//testo qual categoria
if ($("#" + id).data("categoria") == 9) {
i = 0; //limita o número de execuções, pois estava imprimindo muitas vezes
if (i == 0) {
if ($(this).is(':checked')) { //testo se existe campo chegado
//texto se quem está checado é quem estou querendo
if ($("input[type='checkbox'][name='Suporteeconsultoria']").is(':checked')) {
//insiro dentro do array
arrayObjCat9.push({
part_number: $('#' + id).data('part-number'),
nome_item: $('#' + id).data('nome-item'),
qtde: 1,
preco_unitario: vlrUnitario,
preco_total: precoTotal
});
}
}
i++;
}
//testo se o array está vazio
if (arrayObjCat9.length != 0) {
//percorro todo o array e crio os dados
$.each(arrayObjCat9, function(index, value) {
$(".itensSuporteConsultoria").append("<tr><td>" + value.part_number + "</td> <td> " + value.nome_item + " </td><td> " + value.qtde + " </td><td> " + value.preco_unitario.toFixed(2).replace(".", ",") + "</td><td>" + value.preco_total.toFixed(2).replace(".", ",") + " </td></tr>");
totalGarantia += value.preco_total; //somo o resultado final
});
//exibo o total na tela
$(".totalSuporteConsultoria").text('Total: $' + parseFloat(totalGarantia, 10).toFixed(2).replace(/[.]/g, ",").replace(/\d(?=(?:\d{3})+(?:\D|$))/g, "$&.").toString());
$(".suporteConsultoria").fadeIn();
}
}
});
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script><!--HTMLCOMOSCHECKBOX--><divclass="col-md-12 col-sm-12 suporteConsultoria">
<div class="portlet grey-cascade box">
<div class="portlet-title">
<div class="caption">
<i class="fa fa-cogs"></i>Suporte e Consultoria</div>
<div class="actions"></div>
</div>
<div class="portlet-body">
<div class="table-responsive">
<table class="table table-hover table-bordered table-striped">
<thead>
<tr>
<th> Part Number </th>
<th> Descrição </th>
<th> Quantidade </th>
<th> Preço Unitário </th>
<th> Preço Total </th>
</tr>
</thead>
<tbody class="itensSuporteConsultoria"></tbody>
</table>
<div class="pull-right totalSuporteConsultoria"></div>
</div>
</div>
</div>
</div>
As the result is displayed, it was only to show this LSA01 once. Ignore undefined
Doesanyonegivemealight?
WhenIselectbothcheckboxes,itreturnsmethis: