Document.get.. nao funciona em certas condições porque?

[Micilini Roll 49]

Olá pessoal seguinte eu tinha esta função que alterava o src de uma imagem:

 

function mudar_check(){
var situacao = $('#ok_termos').attr('src');
if(situacao == 'design/imagens/checkbox-off.png'){
document.getElementById("ok_termos").src = "design/imagens/checkbox-on.png";
}else{
document.getElementById("ok_termos").src = "design/imagens/checkbox-off.png";
}
}

 

isso funcionava como uma especie de checkbox com feito com imagens e jquery,so que tem um porem eu tentei adicionar esse comando nessa linha abaixo:

 

$(document).ready(function() {
$(".novo_user").click(function () {

if(validar_termos()){
BLA BLA BLA
}

function validar_termos(){	 
     var on_termos = $('#termos_on').attr('src');
     if(on_termos == 'design/imagens/Ok-icon (1).png'){
	    return true; 
     }else{ 
document.getElementById("termos_on").src = "design/imagens/Close-2-icon.png";
return false;  

    }
}
});

 

nao consigo compreender o porque dele nao trocar a imagem, No meu teste eu fiz isso para ele sempre cair no else e assim trocando o src da imagem! mas porque nessa condição ele nao troca?

 

obs: Dessa vez o id da imagem se chama termos_on!

[William Bruno 1501]

pq vc ta usando isso .getElementById, se vc tem jQuery na parada ?

 

bastava fazer:

$('#termos_on').attr('src', 'design/imagens/Close-2-icon.png');

para ver "o motivo" de não funcionar, aperte Ctrl+Shift+J, execute o script e veja no console.