Bug Tracker

Ticket #1404: example_error.html

File example_error.html, 1.9 KB (added by brockweaver, 15 years ago)

HTML describing and test harness for testing fix of radio buttons becoming unchecked in IE 6

Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml"><head>
3                <script type='text/javascript' src='jquery-1.1.3.1.js'></script>
4        </head>
5        <body>
6                <script type='text/javascript'>
7                </script>
8                <div>
9                        <p>
10                        In IE6, any radio buttons are unchecked when toggling, losing their original value.<br />
11                        In FF2, radio button status is not changed and works as expected.<br />
12                        </p>
13                        <p>
14                        Removing line 404 from jquery-1.1.3.1.js causes just the opposite behavior (IE6 retains checked state, FF2 does not).<br />
15                        </p>
16                        <p>
17                        NOTE: this only occurs if animation is used.   passing no arguments to jQuery's toggle() method does not cause the checked state to change in either browser.  Passing either 'fast' or 'slow' does.  Note this is only on the show() method -- hide() with animation does not cause this error.<br />
18                        </p>
19                </div>
20                <div>
21                        Successful case (checked radio button remains checked in IE 6):
22                        <ol>
23                                <li><a href='#' onclick='$("#test").hide("slow"); return false;'>Hide Slow</a></li>
24                                <li><a href='#' onclick='$("#test").show(); return false;'>Show w/o animation</a></li>
25                        </ol>
26                        Failure Case (checked radio button becomes unchecked in IE 6):
27                        <ol>
28                                <li><a href='#' onclick='$("#test").hide(); return false;'>Hide w/o animation</a></li>
29                                <li><a href='#' onclick='$("#test").show("slow"); return false;'>Show Slow</a></li>
30                        </ol>
31                </div>
32                <div id='test'>
33                        <fieldset>
34                                <legend>Processor </legend>
35                                <div class='row'>
36                                        <input type='radio' name='rdo0' id='rdo_id_27' checked='checked'  value='27' /><label for='rdo_id_27'>Dual Core Intel Xeon 3.0 GHz</label>
37                                </div>
38                                <div class='altrow'>
39                                        <input type='radio' name='rdo0' id='rdo_id_28' value='28' /><label for='rdo_id_28'>Quad Core Intel Xeon 2.66 GHz</label>
40                                </div>
41                        </fieldset>
42                </div>
43        </body>
44</html>
45
46