javascript - jQuery 在 IE8 单选按钮中导致隐形项目符号

Question

我创建了一个我在 Plone 中使用的简单测验(这就是我使用“jQuery”而不是“$”的原因)并且出于某种原因，我用于即时计算分数的 javascript 代码导致单选按钮在 IE 8 中显示不正确。显示不正确是指在单击按钮后正确计算值，但项目符号似乎没有显示按钮已被单击。我正在努力纠正这个问题。它在所有其他浏览器中都能完美运行。 This是我简单的测验代码的 fiddle 。在 IE8 中，当加载 jquery 时，单选按钮无法按预期工作，但如果您注释掉所有 javascript，则单选按钮可以正常工作。

任何帮助将不胜感激。

Answer 1

嗯...我认为你的问题很大一部分是错误使用了<input>元素。输入是自闭合标签。您不能将它们包裹在其他 HTML 中。

<input type="text"><span>HTML here</span></input> <!-- WRONG! -->

<input type="text" /> <span>HTML here</span> <!-- Correct -->

更新:

很有趣。刚刚注意到您要返回 false来自 onchange 事件。有具体原因吗？具有讽刺意味的是，IE8 实际上可能是唯一一个表现正常的。返回false应该被理解为本质上是"取消本来应该做的"。例如，在点击链接的情况下，它会导致不遵循 URL。在提交表单时，它会取消对服务器的 POST。 IE8 可能会将其解释为:取消更改​​ radio 的外观。