关于jsp radiobutton 点击时刷新页面,重置检索结果
发布网友
发布时间：2022-04-29 16:08
共4个回答
懂视网
时间：2022-05-13 22:43
提交后在浏览器url里重新输入页面A的地址,进入页面A后发现原来radio选择状态仍然保留了,
请问如何如何去除这些选择状态,使得全部radio都为不选状态!
我在页面B点浏览器的回退按钮回到页面A,radio的选择状态也是保留了,如何把这个也都变为不选状态?
这两个问题是一个问题吗?表示html还不是很清楚啊! 谢谢
回复讨论(解决方案)
首先个人感觉你这需求是反常理的.
HTML表单工作机制是
1.访问一个包含表单的页面,填写数据,提交.
2.浏览器会将用户输入的数据发送给服务器.
3.服务器接收,程序处理.
显然浏览器在第二步时已经讲用户的操作表单的动作纪录了.
这些动作就像是 程序语言的 常量.创建者定义好的,我们无法修改.
想实现你的功能,尝试后退刷新
在radio里加autocomplete="off"属性试试，有些浏览器为了方便用户操作会自动记住用户的表单数据，在用户返回时直接显示
发帖的竟然是版主
ctrl + f5刷新就可以了
热心网友
时间：2022-05-13 19:51
例如，页面上有radio，需要绑定change事件：
radio change事件
$('input:radio[name="role"]').change( function()
当一个元素，或者其内部任何一个元素失去焦点的时候会触发这个事件。这跟blur事件区别在于，他可以在父元素上检测子元素失去焦点的情况。
$("#username").focusout(function()
var roles = document.getElementsByName("role");
此处进行ajax调用：
$.ajax({
type: "GET",
url: "test.json",
data: {username:$("#username").val(), content:$("#content").val()},
dataType: "json",
success: function(data){
$('#resText').empty(); //清空resText里面的所有内容
var html = '';
$.each(data, function(commentIndex, comment){
html += '<div class="comment"><h6>' + comment['username']
+ ':</h6><p class="para"' + comment['content']
+ '</p></div>';
});
$('#resText').html(html);
}
});
热心网友
时间：2022-05-13 21:09
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
</head>
<script type="text/javascript" src="Scripts/jquery-1.7.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var $ci=$('.changsha');
$ci.hide();
$('#o1').click(function(){
var $ci=$('.changsha');
$ci.show();
});
$('#o2').click(function(){
var $ci=$('.changsha');
$ci.hide();
});
});
</script>
<body>
<form action="test2.jsp">
<input type="radio" name="radio" id="o1" value="open" />选择城市<br/>
<div class="changsha">长沙</div>
<input type="radio" name="radio" id="o2" value="close"/>关闭城市
</form>
</body>
</html>
这是我用jQuery做，你是要这种效果吗，这代码不能直接运行，还要在myeclipse里要一个Js文件，就是jQuery了，可以到jQuery官方下载，然后调用就可以运行我的代码了。
<script type="text/javascript" src="Scripts/jquery-1.7.js"></script>
这就是上面调用的语句了，src是路径了，明白了吗，还有什么不懂的。到http://hi.baidu.com/borter/home里留言。
如果你不想用jquery,就可以直接用：
用radio点击显示隐藏，是通过DOM来实现的，没有用jQuery
===============================================================
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>显示和隐藏</title>
</head>
<script type="text/javascript">
function opendiv(){
document.getElementById("city").style.display='block';//显示
}
function closediv(){
document.getElementById("city").style.display='none';//隐藏
}
</script>
<body>
<input type="radio" name="rd" id="r1" onClick="opendiv()"/>选择<br/>
<div id="city" style="display:none;">长沙</div>
<input type="radio" name="rd" id="r2" onClick="closediv()"/>取消
</body>
</html>
热心网友
时间：2022-05-13 22:43
