0

私は現在、一意の画像の上にラジオボックスをオーバーレイしています（ここでスタックオーバーフローのヘルプを見つけました：選択のために画像の上にチェックボックスを表示するにはどうすればよいですか?および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

あなたのコードはめちゃくちゃです。まず、settimeout を使用しないでください。dopostback を呼び出すだけです。次に、onlick 属性で JavaScript の URL を使用しています。理由がわからない人のために href 属性を介して呼び出す場合を除き、これを行わないでください。全体として、JavaScript URL は使用しないでください。コードは次のようになります

<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

If you were looking to do this with a checkbox, you could do something like this with 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);
        });
    });
});

As this will set the input to hidden, and trigger a click event to select the checkbox. It will match the Image and the Input as contained in same "answer" div. You could adapt this to work with a radio, you would just need to know which option you wanted to select.

于 2012-08-15T03:43:01.797 に答える