Делаю тест. Суть теста в том, что на два ответа есть 3 очка, которые можно распределить между двумя вариантами. Выбор пользователь делает с помощью чекбоксов. Под каждым вариантом ответа есть своя группа чекбоксов с возможными вариантами ответа - 0,1,2,3.
Ну и хотел сделать так, чтобы если пользователь выбирает чекбокс одного варианта, то с помощью JavaScript выбирался чекбокс второго.
Во всех браузерах(Chrome, Opera, FireFox) работает как и задумал, а вот IE делает все как-то по своему.
Опыта в JavaScripte очень мало и даже не знаю куда копать.
В чем подвох? Что не правильно делаю?
Вот странички:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Мотивация</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id= 'container'>
<div class="brd_grad">
<p>Вопрос: 1 из 84.</p>
<form action='motivation.php' method='post' name='motivation_test'><input name="global_i" type="hidden" value="1">
<input name="global_W" type="hidden" value="0">
<input name="global_A" type="hidden" value="0">
<input name="global_P" type="hidden" value="0">
<input name="global_E" type="hidden" value="0">
<input name="global_O" type="hidden" value="0">
<input name="global_B" type="hidden" value="0">
<input name="global_S" type="hidden" value="0">
<table width="690" border="1">
<tr>
<td width="345" align="center">Консультант по вопросам бизнеса</td>
<td align="center">Репортер</td>
</tr>
<tr>
<td>
<input id="B" name="B" type="text" value="-" readonly="true"><br>
<p>
<label>
<input type="radio" name="RadioGroup1" value="3" id="first3" onChange="select_first(3);">
3</label>
<br>
<label>
<input type="radio" name="RadioGroup1" value="2" id="first2" onChange="select_first(2);">
2</label>
<br>
<label>
<input type="radio" name="RadioGroup1" value="1" id="first1" onChange="select_first(1);">
1</label>
<br>
<label>
<input type="radio" name="RadioGroup1" value="0" id="first0" onChange="select_first(0);">
0</label>
<br>
</p></td>
<td>
<input id="W" name="W" type="text" value="-" readonly="true"><br>
<p>
<label>
<input type="radio" id="second3" name="RadioGroup2" value="3" onChange="select_second(3)">
3</label>
<br>
<label>
<input type="radio" id="second2" name="RadioGroup2" value="2" onChange="select_second(2)">
2</label>
<br>
<label>
<input type="radio" id="second1" name="RadioGroup2" value="1" onChange="select_second(1)" >
1</label>
<br>
<label>
<input type="radio" id="second0" name="RadioGroup2" value="0" onChange="select_second(0)">
0</label>
<br>
</p></td>
</tr>
<tr>
<td colspan="2">
<input id="knopka" name="common" type="submit" value="Далее" disabled>
</td>
</tr>
</table>
</form>
</div>
</div>
</body>
<script>
function select_first(x)
{
document.getElementById("knopka").disabled = false;
switch (x)
{
case 3:
document.getElementById("second0").checked = true;
document.getElementById("B").value = x;
document.getElementById("W").value = 3-x;
break;
case 2:
document.getElementById("second1").checked = true;
document.getElementById("B").value = x;
document.getElementById("W").value = 3-x;
break;
case 1:
document.getElementById("second2").checked = true;
document.getElementById("B").value = x;
document.getElementById("W").value = 3-x;
break;
case 0:
document.getElementById("second3").checked = true;
document.getElementById("B").value = x;
document.getElementById("W").value = 3-x;
break;
}
}
function select_second(x)
{
document.getElementById("knopka").disabled = false;
switch (x)
{
case 3:
document.getElementById("first0").checked = true;
document.getElementById("W").value = x;
document.getElementById("B").value = 3-x;
break;
case 2:
document.getElementById("first1").checked = true;
document.getElementById("W").value = x;
document.getElementById("B").value = 3-x;
break;
case 1:
document.getElementById("first2").checked = true;
document.getElementById("W").value = x;
document.getElementById("B").value = 3-x;
break;
case 0:
document.getElementById("first3").checked = true;
document.getElementById("W").value = x;
document.getElementById("B").value = 3-x;
break;
}
}
</script>
</html>
Заранее спасибо
