Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá, sou novato em javascript e estou com um problema em um script que estou fazendo que troca as imagens quando ela for clicada que posteriormente sera incrementado para funcionar como se fosse um checkbox...
abaixo segue os arquivos:
teste.html
<html>
<head>
<title>Teste</title>
<script type="text/javascript" src="script.js">
</script>
</head>
<body>
<img id="square1" src="1u.png" width="30" height="40" alt="1" onclick="pickNum()"/>
<img id="square2" src="2u.png" width="30" height="40" alt="2" onclick="pickNum()"/>
<form action="teste.html" method="get" name="cartela">
<input id="sqr1" name="sq1" type="hidden" value="0" />
<input id="sqr2" name="sq2" type="hidden" value="0" />
<input name="enviar" type="submit" value="enviar" />
</form>
</body>
</html>
script.js
function pickNum(){
changeNum(1); // AQUI ESTÁ O PROBLEMA, PRECISO QUE O NUMERO PASSADO TENHA RELAÇÃO COM A IMAGEM QUE SERÁ TROCADA
}
function changeNum(numIndex){
var numValue = document.getElementById('sqr' + numIndex).value;
if (numValue==0){
document.getElementById('square' + numIndex).src = numIndex + "c.png";
document.getElementById('sqr' + numIndex).value = "1";
}
else {
document.getElementById('square' + numIndex).src = numIndex + "u.png";
document.getElementById('sqr' + numIndex).value = "0";
}
}
Na função pickNum() eu preciso por exemplo, que se a imagem clickada for :
id=square1, preciso que passe o valor 1
id=square2, passe o valor 2
conto com a ajuda de voceis, pq já estou preso nisso tem 2 dias e nao consigo evoluir, obrigado
>
<img id="square1" src="1u.png" width="30" height="40" alt="1" onclick="pickNum(1)"/>
<img id="square2" src="2u.png" width="30" height="40" alt="2" onclick="pickNum(2)"/>
function pickNum(n){
changeNum(n);
}
kkknao acredito que apanhei tanto e era tao simples!
kkk
Obrigado augusto