Skip to main content

Bug Tracker

Side navigation

Ticket #5758: ie7_radio.html


File ie7_radio.html, 1.0 KB (added by Pierre, January 05, 2010 04:03PM UTC)

Demo of the bug (open me in IE7)

<html>
<head>
<title>Manipulation in IE7 drops value of radio buttons</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
</head>

<body>
<form>

<h1>Manipulation in IE7 drops value of radio buttons</h1>

<p>Instructions : check "female", then click button.</p>
<p>In Firefox, the checked radio is kept -- That's correct.<br />
   In IE, the checked radio is lost -- That's the bug.</p>

<button type="button">Click to move both radio buttons down.</button>

<h2>Source</h2>
<div id="source">
<input type="radio" name="sex" value="male" checked="checked" /> Male
<input type="radio" name="sex" value="female" /> Female
</div>

<h2>Target</h2>
<div id="target">
</div>

</form>

<script type="text/javascript">

$(document).ready(function(){
   $("button").click(function(){
      var source = $("#source");
      var target = $("#target");
      target.after(source); 
      /* the same happens also with before, insertAfter, and insertBefore */
   });
});
</script>

</body>
</html>

Download in other formats:

Original Format