javascript - 可点击标签在 IE 8 中不起作用

Question

我有以下列表项:

<li>
    <input value="someRadioButton" name="ctl00$mainContent$group" type="radio"
        id="ctl00_mainContent_somelRadioButton" onclick="showSomeInfo()" />
    <label for="ctl00_mainContent_someRadioButton">
        <img class="extraPadding-Right-10" src="https://xxy.com/some_mark_37x23.gif" />
    </label>
</li>

所以显示的是一个单选按钮和旁边的图像。当我在 FireFox、Chrome 和 Safari 中单击该图像时，将触发在 radio 的 onclick 中指定的 showSomeInfo()。我不确定为什么我猜是因为它被包裹在标签中并且该标签与该单选按钮相关....

但不管怎样，这不是我的问题。我喜欢当您单击图像时调用 javascript 方法 showSomeInfo()。但问题是它适用于除 IE 8 以外的所有浏览器。如果我在 IE 8 中打开此页面，则单击图像不会执行任何操作，我不确定为什么。我对此感到困惑。

Answer 1

我正在寻找这个问题的答案并为此编写了一个快速的脏 jquery 处理程序:

$("label").click(function(){
    if ($(this).attr("for") != "")
        $("#" + $(this).attr("for")).click();
});