单击单选按钮时显示一个弹出窗口

Question

请让我知道如何使用JQuery单击单选按钮来打开弹出窗口。 目前我使用Spring MVC和JSTL为单选按钮使用以下代码

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

非常感谢

Answer 1

我假设您是指pop-up一个新窗口？

当单选按钮的状态更改时，以下代码将使用URL打开一个新窗口。 如果愿意，可以使用click 。

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

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

JSFiddle示例

Answer 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>

编辑2：

如果检查我的html代码，将看到div的ID为“ r”（唯一选择器），而类名“ hide”则阻止div的显示。 因此div是隐藏的。

单击单选按钮时，使用removeClass 删除“隐藏”类，使div可见。

检查这个JSFiddle

希望你能理解。

Answer 3

你的意思是这样吗？ 点击这里

的HTML

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

jQuery查询

$(document).ready(function()
{
    $('#myRadio').click(function()
    {
        alert("Clicked");
    });
});