Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Код работает правильно, но только не в IE / 3 сообщений из 3, страница 1 из 1
23.10.2009, 13:04
    #36268923
AquaForm
AquaForm
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Код работает правильно, но только не в IE
Делаю тест. Суть теста в том, что на два ответа есть 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>

Заранее спасибо за помощь! :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.10.2009, 13:32
    #36268994
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Код работает правильно, но только не в IE
Если onchange заменить не onclick - всё работает.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.10.2009, 13:37
    #36269007
AquaForm
AquaForm
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Код работает правильно, но только не в IE
Спасиб большое, действительно заработало :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Код работает правильно, но только не в IE / 3 сообщений из 3, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 532ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1454089]:
 0ms
get settings:
 9ms
get forum list:
 11ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 172ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 47ms
get tp. blocked users:
 1ms
others: 274ms
total:  532ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]