Как сделать так, что бы при нажатии на чекбокс поменялась картинка слева:
Примерный алгоритм таков:
var checkbox = document.querySelector('input[type=checkbox]');
if (checkbox.checked) {
replaceImg();
} else {
setDefaultImg();
}
Если я правильно понял, то в зависимости от выбранного checkbox`а будет ставиться определенная картинка. В таком случае, я бы передавал в функцию изображение
replaceImg(img)
Используя JQuery.
$(".checkbox1").click(function(){
$('.some-image-container').html("<img src='new_image.png'>");
});
Я бы допустим сделал так. Есть чекбоксы и для каждого прописал бы ссылку так:
<input id="checkBox1" type="checkbox" data-img="тут ссылка">
<input id="checkBox2" type="checkbox" data-img="тут ссылка">
<input id="checkBox3" type="checkbox" data-img="тут ссылка">
<input id="checkBox4" type="checkbox" data-img="тут ссылка">
<input id="checkBox5" type="checkbox" data-img="тут ссылка">
<input id="checkBox6" type="checkbox" data-img="тут ссылка">
Ну и уже при выборе смотрим на ссылку и заменяем. Например на jquery:
$(document).on('change', 'input[type=checkbox]', function() {
if(this.checked) {
$(".img").attr('src', $(this).data("img"));
}
});
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости