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>

编辑2：

如果您检查我的 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 回答