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 Example

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>

<强> EDIT2：

如果你检查我的html代码，你会看到一个名为“r”（唯一选择器）的div的 id，而类名“hide”阻止显示div。 < / strong>因此div是隐藏的。

单击单选按钮后，使用removeClass 我们会删除“隐藏”类，这会使div可见。

选中此JSFiddle

希望你明白。

Answer 3

你是说这个意思吗？ CLICK HERE

<强> HTML

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

JQuery

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

在单选按钮上单击显示弹出窗口

3 个答案: