0

我目前正在将一个单选框覆盖在一个独特的图像之上（在stackoverflow上找到了帮助：如何在图像上显示复选框以供选择？和http://jsfiddle.net/erSBP/1/），它的工作方式就像这个例子。

但是，我想删除单选框，以便仅保留唯一图像并且可以单击并像普通单选按钮一样发送选中的值。

单选框输入 ID 是动态生成的，因此我无法指定它们的名称。

有没有办法用 Javascript 或 JQuery 做到这一点？

我目前的配置是：

<div class="answer">
<div class="answer-image">
<img style="border-width:0px;" src="/images/white.jpg">
</div>
<input id="Questions8404" type="radio" onclick="javascript:setTimeout('__doPostBack(\'965968404\',\'\')', 0)" value="8404" name="96596">
</div>
4

2 回答 2

1

你的代码搞砸了。首先，不要使用setimeout。只需调用 dopostback 即可。其次，您在 onlick 属性上使用了 javascript url。不要这样做，除非你通过 href 属性调用它，因为谁知道是什么原因。总而言之，不要使用 javascript 网址。这是您的代码的外观

<div class="answer">
<div class="answer-image">
<img style="border-width:0px;" src="/images/white.jpg">
</div>
<input id="Questions8404" type="radio" onclick="__doPostBack(\'965968404\',\'\')" value="8404" name="96596">
</div>
于 2012-08-15T03:26:30.683 回答
0

如果您希望使用复选框来执行此操作，您可以使用 jquery 执行类似的操作​</p> 

$(document).ready(function () {
    $(".answer").each(function() {
        var p = $(this).find("input:checkbox");
        p.hide();
        $(this).find("img").click(function() {
            p.prop("checked", true);
        });
    });
});

因为这会将输入设置为隐藏，并触发单击事件以选中复选框。它将匹配包含在相同“答案”div 中的图像和输入。您可以调整它以与收音机一起使用，您只需要知道您想要选择哪个选项。

于 2012-08-15T03:43:01.797 回答