|
Смена картинки по нажатию на чебокс
подскажите пожалуйста как сделать так чтобы при клике на checkbox менялась картинка, нашел на форуме как по менять чебокс по нажатию на картинку но не как не могу сделать наоборот.
<body> <script> function chg(id,chk){ var el = document.getElementById(id); var ch = document.getElementById(chk); if (el.src.indexOf("images/moto4.jpg")>0){ el.src="images/moto2.jpg" ch.checked="true"; }else{ el.src="images/moto4.jpg" ch.checked=""; } } </script> <img src="images/moto4.jpg" id="img_1" onClick="chg(this.id,'check')"><br> <input type="checkbox" name="check" id="check"> </body> |
Как вариант...
<script>
function Go() {
document.getElementById('scr').src=(document.getElementById('typ').checked)? 'http://javascript.ru/forum/images/smilies/laugh.gif': 'http://javascript.ru/forum/images/smilies/blink.gif'
}
</script>
<img src="http://javascript.ru/forum/images/smilies/blink.gif" id="scr" /><br />
<input type="checkbox" name="check" id="typ" onclick="Go()" />
|
Спасибо огромное!!! класс мне еще учиться и учиться
|
скажите пожалуйста если уж не сильно вас напрягу
а как передать два параметра чтобы допустим при нажатии на checkbox появлялась картинка и при этом переслаивалось значении допустим 500 мне для калькулятора |
Цитата:
|
смотрите я нажимаю на чебокс у меня если он включен его значения ровно 500 если выключен ровно 0 и
|
arahmanov, для этого ничего никуда передавать не нужно
<script>
function Go() {
var n=(document.getElementById('typ').checked)? 500: 0
alert(n)
}
</script>
<input type="checkbox" name="check" id="typ" onclick="Go()" />
|
но при этом должны меняться и картинки :)
|
Заходи еще... :)
|
<script>
function Go() {
document.getElementById('scr').src=(document.getElementById('typ').checked)? 'http://javascript.ru/forum/images/smilies/laugh.gif': 'http://javascript.ru/forum/images/smilies/blink.gif'
var n=(document.getElementById('typ').checked)? 500: 0
alert(n)
}
</script>
<img src="http://javascript.ru/forum/images/smilies/blink.gif" id="scr" /><br />
<input type="checkbox" name="check" id="typ" onclick="Go()" />
|
| Часовой пояс GMT +3, время: 15:35. |
|