html - 带有 "for"的标签中的图像标签不响应 IE7 中的点击

Question

在标签内包含图像的简单设置中:

<input type='checkbox' id='x'>
<label for='x'>click me <img src='http://placedog.com/20/20'></label>

在大多数浏览器中，单击图像控制复选框就像单击标签中的文本或单击复选框本身一样。它在 IE7 中不起作用并没有让我感到特别惊讶，但我想知道是否有一些奇怪的 IE 方式可以让它在该浏览器中工作。

假编辑嗯，显然它在 IE8 中也不起作用。

Answer 1

正如评论中所讨论的，IE 不喜欢这个想法。解决这个问题的唯一方法是使用一些 Javascript - 这是一个使用 JQuery 的示例。

$("label img").live("click", function() {
   $("#" + $(this).parents("label").attr("for")).click();
});

参见http://snook.ca/archives/javascript/using_images_as对此进行讨论。