swap oui et aucune image lorsque l'un ou l'autre est cliqué en html

J'ai deux images oui et non, qui changent de couleur lorsque l'on clique dessus, elles sont mises en surbrillance. Quand cliqué sur yes_unselect, il doit changer en yes_select et changer l'identifiant de no en no_unselect. Je suis confronté à deux problèmes.
1. Une fois cliqué, yes_unselect passe à yes_select, mais en cliquant à nouveau sur yes_unselect.
2. Lorsque yes_unselect change pour yes_select, je veux id = "no" image, no_select pour passer à no_unselect.swap oui et aucune image lorsque l'un ou l'autre est cliqué en html

<div id="yes"> 
<input type="image" src="images/yes_unselect.jpg" id="yes" onClick="if (this.src='images/yes_unselect.jpg') {this.src='images/yes_unselect.jpg';} else {if (this.src='images/yes_select.jpg') {this.src='images/yes_unselect.jpg';}}"> 
</div> 

<div id="no"> 
<input type="image" src="images/no_select.jpg" id="no" onClick="if (this.src='images/no_select.jpg') {this.src='images/no_unselect.jpg';} else {if (this.src='images/no_select.jpg') {this.src='images/no_unselect.jpg';}}"> 
</div>

Source

2010-10-26 Scorpion King

Pour répondre à votre première question 'si (Unselect) src = unselect' devrait être' src = select'. Mais le code devrait être refactorisé un peu. – some

Plus court: 'this.src == 'images/yes_unselect.jpg'? 'images/yes_select.jpg': 'images/yes_unselect.jpg'; ' – some

Vous devriez vraiment envisager de déplacer votre code vers un' -block ''

Quelque chose comme ceci:

<script type="text/javascript"> 

function swap() { 
    var e_yes = document.getElementById("yes"); 
    var e_no = document.getElementById("no"); 
    var yes_unselect = 'images/yes_unselect.jpg'; 
    var yes_select = 'images/yes_select.jpg'; 
    var no_unselect = 'images/no_unselect.jpg'; 
    var no_select = 'images/no_select.jpg'; 

    var result = e_yes.src == yes_unselect; 


    e_yes.src = result ? yes_select : yes_unselect; 
    e_no.src = result ? no_unselect : no_select; 
} 


</script> 

<div id="div_yes"> 
    <input type="image" src="images/yes_unselect.jpg" id="yes" onclick="swap()"> 
</div> 
<div id="div_no"> 
    <input type="image" src="images/no_select.jpg" id="no" onclick="swap()"> 
</div>

Source

2010-10-26 22:53:38 some

Questions connexes