Вывод картинок в div посредством переключения радио-кнопок
Есть три input (type="radio"). Нужно, чтобы при выделении радио-кнопки в отдельный div выводилась картинка, соответствующая этой радио-кнопке.
Как это можно осуществить? :help: |
<input type="radio" name='nn'>
<input type="radio" name='nn'>
<input type="radio" name='nn'>
<div><img src="" alt=""></div>
<script>
var arr = ['https://javascript.ru/cat/list/dom.gif', 'https://javascript.ru/cat/list/event.gif', 'https://javascript.ru/cat/list/integr.jpg'];
document.querySelectorAll('input').forEach((el,i) => el.onchange = e => document.querySelector('div>img').src = el.checked?arr[i]:'');
</script>
|
Спасибо! Это как раз то, что мне было нужно.
Ещё такой момент интересует: если inputов несколько, то нужно писать так document.querySelectorAll('input[name=...]'), правильно? В примере j0hnik ...=nn |
Antoxa Goaller,
правильно |
| Часовой пояс GMT +3, время: 13:57. |