0

JQueryを使ってラジオボタンのクリックでポップアップを開く方法を教えてください。現在、Spring MVC と JSTL を使用して、ラジオ ボタンに次のコードを使用しています。

<label class = "">
 <form:radiobutton path = "" value = "" onchange= ""/>
<label class = "" style = ""> <spring:message code ="" /></label>
</label>

どうもありがとう

4

3 に答える 3

3

で新しいウィンドウを意味していると思いますpop-upか？

次のコードは、ラジオ ボタンのステータスが変化したときに URL を含む新しいウィンドウを開きます。よかったら使っclickてください…

$("#pop").change(function() {
    window.open("http://www.google.com");
});

<input type="radio" id="pop" value="yes">

JSFiddle の例

于 2013-06-21T04:06:39.840 に答える
2

これで問題が解決することを願っています。

onchange= "window.open("http://www.stackoverflow.com",width=200,height=100); "/>

EDIT1:hideクラスを削除するとうまくいきます。

jQuery:

$(document).ready(function () {
    $('input[type="radio"]').click(function () {       
                $('#r').removeClass("hide");
    });
});

HTML:

<input type='radio'>SO
<div id="r" selectOption="#" class="modal hide" tabindex="-1" role="dialog" style=" background-color:#ccc; height: 100px;width: 350px"></div>

EDIT2：

私のhtmlコードを確認すると、「r」（一意のセレクター）という名前のdivのIDと、クラス名「hide」がdivの表示を妨げていることがわかります。 したがって、div は非表示になります。

ラジオ ボタンをクリックすると、removeClass を使用してクラス「非表示」が削除され、div が表示されます。

このJSFiddleを確認してください

ご理解いただければ幸いです。

于 2013-06-21T03:56:03.973 に答える
2

このような意味ですか？ここをクリック

HTML

<input type='radio' id='myRadio'>Radio button

JQuery 

$(document).ready(function()
{
    $('#myRadio').click(function()
    {
        alert("Clicked");
    });
});
于 2013-06-21T04:00:06.543 に答える