jquery / javascript для пользователя, чтобы выбрать 1 из n изображений

Question

Я хочу отобразить несколько изображений (возможно, максимум 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 в моем проекте.

Или кто-то может подсказать мне лучший способ выбрать одно изображение?

Answer 1

Что-то вроде

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

Answer 2

Просто поместите этот javascript на свою страницу. Я проверил это.

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

    });
</script>

Код гласит: Получить все следующие элементы после тех элементов, которые имеют id = 'BackgroundId' Теперь найдите элемент img внутри каждого. Установите события щелчка, если каждый найденный img вызывает функцию, которая будет имитировать щелчок на всех тех элементах, которые имеют id = 'BackgroundId'.

Обратите внимание, что хотя я пишу «все эти» и «каждый тег», поскольку существует только один тег с идентификатором «BackgroundId», все это происходит по-разному.