为什么当我在 IE7 中隐藏 DIV 时，我的单选按钮全部取消选择？

Question

I have a long form that's composed entirely of checkboxes and radio buttons and I've divided it up into a series of DIVs. I'm using the Tabs feature of jQuery UI to make each DIV appear when it is needed and disappear when it isn't (so there's only one DIV visible on the screen at any given time).

Here's the URL: http://plaza.ufl.edu/noproctor/FloraGator/key.html

The form works fine in Firefox and other versions of Explorer, but in IE7 on a PC the radio buttons always deselect whenever a DIV is hidden. Checkboxes work fine and keep your selections, but radio buttons just reset to the default value as soon as the DIV slides out of sight, so you can never submit a form with one of those selected.

Anybody know how to fix this?

Answer 1

See IE - hidden radio button not checked when the corresponding label is clicked -- sounds like hiding the elements offscreen instead of with display: none is going to be necessary if you want to support IE7 with this. So you'll probably have to rule out the jQuery UI tabs; they're using display:none & display:block. The good news is tab-like structures are very easy to write yourself with jQuery.