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

我只是注意到一个奇怪的行为在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>

单选按钮通过css与隐藏显示：none或visibility：hidden(不要问)

问题是 – 当我单击IE7中的标签(尚未查看其他IE版本)，相关联的单选按钮实际上未检查。我确认这与jquery – 标签点击事件被触发，但单选按钮单击事件不是。表单帖子还确认检查的单选按钮不更改。

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

这是一个IE错误还是我错过了什么？

解决方法

它可能是与显示：无 – 你也可能发现隐藏元素不会得到他们的值提交与其余的形式。如果你有控制权，你可以尝试 positioning the elements off screen rather then hiding them。