Доброго времени суток!
Я не программист, но задачу нужно выполнить, по этому прошу у вас помощи, частично что нужно уже нарыл, но доконца правильно сделать не получается.
Нужно что бы при выборе radiobutton в форме, менялась картинка.
всего есть 6 картинок отличаются они по цвету и по типу.
картинка
цвет
1) желтый
2)фиолетовый
3)синий
форма
а)тип1
б)тип2
Нужно чтобы при выборе желтого цвета и формы тип1, показало картинку тип1 желтая. ну и т.д.
<html>
<head>
<script type="text/javascript">
function imgchange(tag) {
if (tag == 'jelt') {
document.getElementById('kartinka').src = "img/pf1ys-150x150.jpg";
}
else if (tag == 'fio') {
document.getElementById('kartinka').src = "img/pf1ps-150x150.jpg";
}
else if (tag == 'sin') {
document.getElementById('kartinka').src = "img/pf1bs-150x150.jpg";
}
}
</script>
</head>
<body>
<form class="s_form" action="index1.php" method="POST">
цвет
<input type="radio" name="color" checked="checked" value="jelt" onclick="imgchange(this.value);" />желтый
<input type="radio" name="color" value="fio" onclick="imgchange(this.value);" />фиолетовый
<input type="radio" name="color" value="sin" onclick="imgchange(this.value);" />синий
тип
<input type="radio" name="tip" value="t1" onclick="imgchange(this.value);" />тип1
<input type="radio" name="tip" value="t2" checked="checked" onclick="imgchange(this.value);" />тип2
<input class="s_submit" type="button" value="отправить">
</form>
<img id="kartinka" src="img/pf1ys-150x150.jpg">
</body>
</html>
То что вышло у меня меняет картинку по параметру цвет, как туда дописать еще и условие типа?
Подскажите пожалуйста