jquery/javascript供用户选择n个图像中的1个

我想显示一些图像（可能最多5个），并让用户单击选择一个。我尝试的第一件事是单选按钮并将图像放入标签中

<input type="radio" name="BackgroundId" id="BackgroundId" value="1" />
<label for="BackgroundId"><img src="../../Content/images/thumb_1.jpg" /></label>

当用户点击图片时，Firefox会选择单选按钮，但IE不会

是否有一个jquery插件可以使图像可点击？看起来我可以使用它，但它不是jquery，而且我的项目中已经有了jquery

或者有人能给我指出一种更好的选择单个图像的方法吗

$(function(){
    $("label img").click(function(){
        var parent = $(this).parent();
        $("#" + parent.attr("for")).attr("checked", "checked");
    });
});

---

只需将此javascript放入您的页面。我已经测试过了

<script language="javascript" type="text/javascript">
    $(document).ready(
    function ()
    {
        var selImg =  $("#BackgroundId").next("label").find("img");
        selImg.click(
            function ()
            {
                $("#BackgroundId")[0].click();
            });

    });
</script>

$（文件）。准备好了吗(
函数（）
{
var selImg=$（“#BackgroundId”）.next（“label”）.find（“img”）；
点击(
函数（）
{
$（“#BackgroundId”）[0]。单击（）；
});
});

守则内容如下： 获取id='BackgroundId'元素之后的所有下一个元素 现在在每个元素中找到一个img元素。 如果每个img都找到一个函数来调用一个函数，该函数将模拟对具有id='BackgroundId'的所有元素的单击，则设置单击事件

---

请注意，尽管我写的是“所有这些”和“每个标签”，但由于只有一个标签的id为“BackgroundId”，所有这些事情都发生得很奇怪。

这是一个比我更好、更一般的答案。