请告诉我如何使用JQuery点击单选按钮打开弹出窗口。 目前我使用以下代码使用Spring MVC和JSTL
的单选按钮<label class = "">
<form:radiobutton path = "" value = "" onchange= ""/>
<label class = "" style = ""> <spring:message code ="" /></label>
</label>
非常感谢
答案 0 :(得分:3)
我假设你的意思是pop-up
的新窗口?
当单选按钮的状态发生变化时,以下代码将打开一个带有URL的新窗口。如果您愿意,可以使用click
$("#pop").change(function() {
window.open("http://www.google.com");
});
<input type="radio" id="pop" value="yes">
答案 1 :(得分: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
希望你明白。
答案 2 :(得分:2)
<强> HTML 强>
<input type='radio' id='myRadio'>Radio button
JQuery
$(document).ready(function()
{
$('#myRadio').click(function()
{
alert("Clicked");
});
});