JavaScript-$(document).ready(function(){ 代码 }); 为什么括号里的代码不是每次都执行

JavaScript-$(document).ready(function(){ 代码 }); 为什么括号里的代码不是每次都执行

清晨说ぺ晚安 发布于 2016-12-22 字数 3655 浏览 1258 回复 2
<%@ 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>

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

偏爱自由 2017-10-20 2 楼

代码已测$(document).ready(function(){ 代码 });每次页面加载都会执行

夜无邪 2017-03-18 1 楼

不是不执行,而是逻辑有问题。
每次点击后刷新了页面,同时所有页面数据都丢失了。

url = "journal.do?download&_markDate="+time;
location.href = url;