小编典典

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

css

我只是注意到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隐藏,显示:无或可见性:隐藏(不问)

问题是-当我单击IE7中的标签(尚未查看其他IE版本)时,实际上未选中关联的单选按钮。我通过jquery确认了这一点-
标签click事件被触发,但单选按钮click事件未触发。表单过帐还确认选中的单选按钮没有更改。

这在firefox中可以正常使用,而且如果我删除隐藏单选按钮的CSS,也可以正常使用。

这是IE错误还是我遗漏了一些东西?


阅读 253

收藏
2020-05-16

共1个答案

小编典典

可能与display: none-有关,您还可能会发现隐藏元素未将其值与表单的其余部分一起提交。如果您可以控制它,则可能要尝试将元素放置在屏幕之外,而不是隐藏它们

2020-05-16