1

Tenho a seguinte função:

function alteraSaldo(item){
saldo = parseInt($('#saldo').val());
campo = $('#'+item);

if (campo.checked == true){
    alert('sim');
    saldo = saldo - parseInt(campo.data("valor"));
}else{
    alert('nao');
    saldo = saldo + parseInt(campo.data("valor"));
}

$('#saldo').val(saldo);
}

Chamo ela no evento onclick do checkbox:

<input type="checkbox" data-valor="28.00" id="mensalidade9" onclick="alteraSaldo('mensalidade9');" />

A função reconhece o checkbox, pois mostra o valor correto, porém sempre mostra que NÃO está "checkado".

O que pode ser?

2 Respostas 2

1

O propriedade .checked não funciona com objeto jQuery. Você deveria usar, neste caso, o .is(":checked") do jQuery:

function alteraSaldo(item){
   saldo = parseInt($('#saldo').val());
   campo = $('#'+item);

   if (campo.is(":checked")){
       alert('sim');
       saldo = saldo - parseInt(campo.data("valor"));
   }else{
       alert('nao');
       saldo = saldo + parseInt(campo.data("valor"));
   }

   $('#saldo').val(saldo);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" data-valor="28.00" id="mensalidade9" onclick="alteraSaldo('mensalidade9');" />

Ou então poderia converter o objeto jQuery para objeto HTML com campo[0] e verificar a propriedade .checked:

function alteraSaldo(item){
   saldo = parseInt($('#saldo').val());
   campo = $('#'+item);

   if (campo[0].checked){
       alert('sim');
       saldo = saldo - parseInt(campo.data("valor"));
   }else{
       alert('nao');
       saldo = saldo + parseInt(campo.data("valor"));
   }

   $('#saldo').val(saldo);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" data-valor="28.00" id="mensalidade9" onclick="alteraSaldo('mensalidade9');" />

-1

Tenho duas idéias. Uma bem similar a resposta acima. Teste as duas que sua compreensão sobre o assunto vai melhorar.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" data-valor="21.00" id="mensalidade6" class="mensalidade"  />
<input type="checkbox" data-valor="22.00" id="mensalidade7" class="mensalidade"  />
<input type="checkbox" data-valor="28.00" id="mensalidade8" class="mensalidade"  />

<input type="checkbox" data-valor="28.00" id="mensalidade9" onclick="alteraSaldo($(this));" />

<script>
$('.mensalidade').on('click',function(){
    saldo = parseInt($('#saldo').val());
    if ($(this).is(':checked')){
        saldo = saldo + parseInt($(this).attr('data-valor'));   
    }else{
        saldo = saldo - parseInt($(this).attr('data-valor'));
    }
    alert(saldo);
    $('#saldo').val(saldo);
})

function alteraSaldo(item){
    saldo = parseInt($('#saldo').val());
    campo = item;//para seguir seu raciocinio mantive isso
    if (item.is(':checked')){
        saldo = saldo - parseInt(item.attr('data-valor'));
    }else{
        saldo = saldo + parseInt(item.attr('data-valor'));
    }
    alert(saldo);
    $('#saldo').val(saldo);
}

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .