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

标签 javascript jquery html jquery-plugins

我想显示几张图片(可能最多 5 张)并让用户点击选择一张。我尝试的第一件事是单选按钮并将图像放在标签中。

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

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

是否有一个 jquery 插件可以使图像可点击? Fancy-form看起来像我可以使用的东西,但它不是 jquery,我的项目中已经有 jquery。

或者有人可以告诉我选择单张图片的更好方法吗?

最佳答案

有点像

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

关于javascript - jquery/javascript 供用户选择 n 个图像中的 1 个,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4697913/

相关文章:

html - Knockout.js:将可见性绑定(bind)到 validationMessage

html - 透明文本字段但显示文本值?

javascript - 使用 jQuery select2 设置多个值

javascript - Promise 覆盖导致 then 调用出错

jQuery UI - 自动完成搜索删除类名

需要 jQuery 选择器帮助

javascript - 使用 JavaScript 删除非法 URL 字符

javascript - 如何将事件处理程序添加到 bing map EntityCollection?

javascript - 检查div内容是否滚动到页面底部

javascript - 使用 jQuery 滑动水平 div