Форум

arahmanov · #1 (**permalink**) 26.01.2011, 14:17

подскажите пожалуйста как сделать так чтобы при клике на 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>

ksa · #2 (**permalink**) 26.01.2011, 14:25

Как вариант...

<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()" />

arahmanov · #3 (**permalink**) 26.01.2011, 14:28

Спасибо огромное!!! класс мне еще учиться и учиться

arahmanov · #4 (**permalink**) 26.01.2011, 16:01

скажите пожалуйста если уж не сильно вас напрягу
а как передать два параметра чтобы допустим при нажатии на checkbox появлялась картинка и при этом переслаивалось значении допустим 500 мне для калькулятора

ksa · #5 (**permalink**) 26.01.2011, 16:08

Сообщение от arahmanov

а как передать два параметра

Куда?

arahmanov · #6 (**permalink**) 26.01.2011, 16:23

смотрите я нажимаю на чебокс у меня если он включен его значения ровно 500 если выключен ровно 0 и

ksa · #7 (**permalink**) 26.01.2011, 16:37

arahmanov, для этого ничего никуда передавать не нужно

<script>
function Go() {
   var n=(document.getElementById('typ').checked)? 500: 0
   alert(n)
}
</script>

<input type="checkbox" name="check" id="typ" onclick="Go()" />

arahmanov · #8 (**permalink**) 26.01.2011, 16:44

но при этом должны меняться и картинки

ksa · #9 (**permalink**) 26.01.2011, 16:44

Заходи еще...

Vulkan · #10 (**permalink**) 26.01.2011, 16:46

<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()" />

Форум

Справочник

Discord чат

Курсы javascript