Estou com uma tabela de planos aqui, e nela possuí 5 colunas, para 5 planos obviamente.
Em cada coluna existe um select para escolher a periodicidade de cada plano.
De acordo com a opção selecionada nesse select, ele deve alterar o valor que esta sendo exibido para o plano.
Eu tentei iniciar um script mas não consegui fazer com que ele trabalhe como preciso.
Vou deixar o código completo abaixo:
JAVASCRIPT:
<script>
$(function() {
// PLANO BÁSICO US
// preciso usar o str_replace por que o valor é obtido através de uma variável PHP
var plano_basicoUS = {
1: <? echo str_replace(',', '.', 11,90); ?>,
2: <? echo str_replace(',', '.', 32,70); ?>,
3: <? echo str_replace(',', '.', 59,40); ?>,
4: <? echo str_replace(',', '.', 106,80); ?>,
};
$("#periodicidadeBasicoUS").on('change', function() {
var periodo = this;
var escolha = $(this).val();
var multiplicar = $(this).find(':selected').data('multiplicar');
$.each($('.periodo-item'), function(key, value) {
var plano = $(value).data('plano');
var preco = plano_basicoUS[1] * multiplicar;
$(value).find('.valor_original').text('R$ '+preco);
$(value).find('.valor_desconto').text('R$ '+plano_basicoUS[2]);
$(value).find('.valor_mensal').text(plano_basicoUS[1]);
});
});
$("#periodicidadeBasicoUS").trigger('change');
});
</script>
HTML:
<br>
<div class="periodo-item" data-plano="1">
<span class="valor_original"></span> <span class="valor_desconto"></span>
<br>
<span class="valor_mensal"></span>
</div>
<div class="select">
<select name="periodicidadeBasicoUS" id="periodicidadeBasicoUS">
<option value="1">Mensal - Sem desconto</option>
<option data-multiplicar="3" value="2">Trimestral - </option>
<option data-multiplicar="6" value="3">Semestral - </option>
<option data-multiplicar="12" value="4">Anual - </option>
</select>
</div>
Eu preciso que ele faça o seguinte:
- Retorne os valores com virgula em vez de ponto, ex: R$ 11,90.
- Se selecionado a opção com value 1 (mensal) ele deve mostrar um texto qualquer nos
span
com classes: valor_original e valor_desconto e para a classe valor_mensal seria o valor deplano_basicoUS[1]
, para as outras opções serão apresentados os valores numéricos normais.
Como devo ajustar o script?
Como são vários planos, se alguém souber como simplificar esse código seria interessante, pois vou precisar repetir todo o código para o próximo plano.
plano_basicoUS[1]
echo str_replace('.', ',', "11.90");
ideone.com/JqB4FD$basicoUS_mensal > 11,90
parseFloat(<?echo str_replace(',', '.', "11,90");?>)
. Isso aí vai te voltar o número real11.9
no JS e vai te permitir realizar operações com ele. Depois, para imprimir você precisaria formatar para o jeito que você quer que o valor final seja impresso.