Somar valor ao marcar checkbox
Olá! Pessoal estou precisando de uma ajuda.
Tenho uma tabela que é preenchida usando PHP, até aí tudo bem. Ao serem marcadas consigo excluir as selecionadas ou imprimir o relatório com as que selecionei.
De acordo com o Script abaixo consegui fazer com que uma checkbox no inicio marque/desmarque todas e apareça em um local definido a quantidade de caixas selecionadas. O que preciso agora é que ao serem marcadas elas procurem (na linha em que se encontram) por um valor e somem ele, no caso seria cubagem dos pedidos. Ao ir marcando as checkboxes elas devem ir somando essa cubagem e mostrar em algum local que eu escolher o total dessa cubagem, mas somente das caixas selecionadas, e também ocorrer o inverso que seria conforme desmarcar alguma o total ir diminuindo dinamicamente.
Caso precisem de mais alguma informação por favor me avisem.
Tenho uma tabela que é preenchida usando PHP, até aí tudo bem. Ao serem marcadas consigo excluir as selecionadas ou imprimir o relatório com as que selecionei.
De acordo com o Script abaixo consegui fazer com que uma checkbox no inicio marque/desmarque todas e apareça em um local definido a quantidade de caixas selecionadas. O que preciso agora é que ao serem marcadas elas procurem (na linha em que se encontram) por um valor e somem ele, no caso seria cubagem dos pedidos. Ao ir marcando as checkboxes elas devem ir somando essa cubagem e mostrar em algum local que eu escolher o total dessa cubagem, mas somente das caixas selecionadas, e também ocorrer o inverso que seria conforme desmarcar alguma o total ir diminuindo dinamicamente.
Caso precisem de mais alguma informação por favor me avisem.
<script type="text/javascript">
function marcarTodos(marcar){
var itens = document.getElementsByName(''excluir[]'');
var i = 0;
var cont = 0;
for(i=0; i<itens.length;i++){
itens[i].checked = marcar;
cont = cont+1
var cont2 = cont2 + cont;
}
if(marcar){
document.getElementById(''acao'').innerHTML = ''Desmarcar Todos'';
document.getElementById(''contador'').innerHTML = itens.length;
}else{
document.getElementById(''acao'').innerHTML = ''Marcar Todos'';
document.getElementById(''contador'').innerHTML = '''';
}
}
</script>
Diego Silveira
Curtidas 0
Melhor post
Bruno
12/10/2018
Eu alterei seu exemplo, segue link: https://jsfiddle.net/j40g1x8v/7/
No caso eu fiz o calculo usando os dados na tabela usando o próprio innerHTML, mas é recomendável vc criar pelo menos um vetor pra armazenar os dados de cada linha, pois se vc clicar de forma aleatória varias vezes vc vai perceber que da forma que implementei ele vai pegar lixo na hora de converter o innerHTML pra Float (coisa de milhonesimos que se vc não precisar de precisão não interfere, mas fica a dica)
No caso eu fiz o calculo usando os dados na tabela usando o próprio innerHTML, mas é recomendável vc criar pelo menos um vetor pra armazenar os dados de cada linha, pois se vc clicar de forma aleatória varias vezes vc vai perceber que da forma que implementei ele vai pegar lixo na hora de converter o innerHTML pra Float (coisa de milhonesimos que se vc não precisar de precisão não interfere, mas fica a dica)
GOSTEI 2
Mais Respostas
Bruno
08/10/2018
Boa noite amigo... sugiro quando for colocar duvidas referente à html, css, ou JavaScript (seu caso) crie um exemplo com alguma ferramenta tipo o https://jsfiddle.net/ e mande o link junto com a pergunta, pois facilita alguem poder te ajudar
GOSTEI 0
Diego Silveira
08/10/2018
Desculpe não me atentei a isso... Abaixo está um exemplo, onde está escrito "TOTAL DA CUBAGEM" ao selecionar um checkbox deve mudar respectivamente para a soma da cubagem selecionada, também gostaria de caso selecionar um a um os checkboxes o total selecionado também alterasse. Atualmente só informa o total selecionado se clicar em marcar/desmarcar todos...
https://jsfiddle.net/j40g1x8v/2/
https://jsfiddle.net/j40g1x8v/2/
GOSTEI 0
Kevlyn Godoy
08/10/2018
Olá Concurseiros
Venha participar do Aniversário do Maior Site de Rateios do Brasil,
O aniversário é do Concurseiros Unidos,
mas o presente quem ganha é você!
Desconto de 30% a 70% em todo o site!
Fale que viu nosso anuncio no forum e ganha desconto adicional
Corre aproveitar antes que termine!
5541991115296
Venha participar do Aniversário do Maior Site de Rateios do Brasil,
O aniversário é do Concurseiros Unidos,
mas o presente quem ganha é você!
Desconto de 30% a 70% em todo o site!
Fale que viu nosso anuncio no forum e ganha desconto adicional
Corre aproveitar antes que termine!
5541991115296
GOSTEI 0