css - IE - 单击相应标签时未选中隐藏的单选按钮

Question

我刚刚注意到 IE7 中的一个奇怪行为。

我有如下关联标签的单选按钮:

<input type="radio" name="filter" id="filter_1" value="Activities" checked="checked" />
<label for="filter_1">Activities</label>

<input type="radio" name="filter" id="filter_2" value="Services" />
<label for="filter_2">Services</label>

单选按钮通过带有 display:none 或 visibility: hidden 的 css 隐藏(不要问)

问题是 - 当我在 IE7 中单击标签时(还没有查看其他 IE 版本)，相关的单选按钮实际上并没有被选中。我用 jquery 确认了这一点——标签点击事件被触发，但单选按钮点击事件没有。表单帖子还确认选中的单选按钮没有更改。

这在 firefox 中可以正常工作，如果我删除隐藏单选按钮的 CSS 也可以正常工作。

这是 IE 错误还是我遗漏了什么？

Answer 1

这可能与 display: none 有关 - 您可能还会发现隐藏的元素不会将它们的值与表单的其余部分一起提交。如果你能控制它，你可能想试试positioning the elements off screen rather then hiding them .