|
|
|
Код работает правильно, но только не в IE
|
|||
|---|---|---|---|
|
#18+
Делаю тест. Суть теста в том, что на два ответа есть 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> Заранее спасибо за помощь! :) ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 23.10.2009, 13:04 |
|
||
|
Код работает правильно, но только не в IE
|
|||
|---|---|---|---|
|
#18+
Если onchange заменить не onclick - всё работает. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 23.10.2009, 13:32 |
|
||
|
|

start [/forum/topic.php?fid=22&fpage=275&tid=1454089]: |
0ms |
get settings: |
4ms |
get forum list: |
10ms |
check forum access: |
2ms |
check topic access: |
2ms |
track hit: |
30ms |
get topic data: |
6ms |
get forum data: |
4ms |
get page messages: |
22ms |
get tp. blocked users: |
1ms |
| others: | 199ms |
| total: | 280ms |

| 0 / 0 |
