JavaScript-$(document).ready(function(){ 代码 }); 为什么括号里的代码不是每次都执行
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html>
<head>
<title>月份选择</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var date = new Date();
var year = date.getFullYear();
$(".span").each(function(index){
$(this).text(year-3+index);
});
$(".radio").each(function(index){
$(this).val(year-3+index);
});
$(".button1").each(function(index){
var mon = index+1;
$(this).val(mon);
});
$(".button1").each(function(){
$(this).bind("click",function(){
var time = $("input[type='radio']:checked").val()+"-"+$(this).val();
url = "journal.do?download&_markDate="+time;
location.href = url;
});
});
})
</script>
<style type="text/css">
.button1{
}
</style>
</head>
<body >
<div align="center">
<input class="radio" type="radio" name="year" id="go" value="2008"><span class="span"></span>
<input class="radio" type="radio" name="year" onclick=""><span class="span"></span>
<input class="radio" type="radio" name="year" onclick=""><span class="span"></span>
<input class="radio" type="radio" name="year" checked="checked" span class="span"><span class="span"></span>
</div>
<table width="450px" height="180px">
<tr>
<td><button class="button1" style="width: 100px;height: 50px;">一月</button></td>
<td><button class="button1" style="width: 100px;height: 50px;">二月</button></td>
<td><button class="button1" style="width: 100px;height: 50px;">三月</button></td>
<td><button class="button1" style="width: 100px;height: 50px;">四月</button></td>
</tr>
<tr>
<td><button class="button1" style="width: 100px;height: 50px;">五月</button></td>
<td><button class="button1" style="width: 100px;height: 50px;">六月</button></td>
<td><button class="button1" style="width: 100px;height: 50px;">七月</button></td>
<td><button class="button1" style="width: 100px;height: 50px;">八月</button></td>
</tr>
<tr>
<td><button class="button1" style="width: 100px;height: 50px;">九月</button></td>
<td><button class="button1" style="width: 100px;height: 50px;">十月</button></td>
<td><button class="button1" style="width: 100px;height: 50px;">十一月</button></td>
<td><button class="button1" style="width: 100px;height: 50px;">十二月</button></td>
</tr>
</table>
</body>
</html>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
代码已测$(document).ready(function(){ 代码 });每次页面加载都会执行
不是不执行，而是逻辑有问题。
每次点击后刷新了页面，同时所有页面数据都丢失了。
url = "journal.do?download&_markDate="+time;
location.href = url;