您的位置：首页 > 其它

为宝宝检查作业的小东东（可能有点小题大做，请拍砖的手下留情）

2009-11-28 15:24 260 查看


代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<mce:script type="text/javascript" src="js/jquery.js" mce_src="js/jquery.js"></mce:script>
<title></title>
</head>
<mce:style><!--
.input{
border:0px;
height:20px;
width:100%;
padding-left:2px;
line-height:20px;
background-color:white;
background-repeat:repeat-x;
color:#339900;
}
.input2{
border:0px;
height:20px;
width:100%;
padding-left:2px;
line-height:20px;
background-color:white;
background-repeat:repeat-x;
color:#339900;
}
th {
height:25px;
font-weight:normal;
border-bottom:1px solid #9eb7d6;
border-right:1px solid #9eb7d6;
background:url(images/smsedit_bg.gif) repeat-x;
}
td {
border-bottom:1px solid #eee;
border-right:1px solid #eee;
height:28px;
text-align:center;
}

.inputButton {
background: url( images/loginButton.gif ) no-repeat;
width: 77px;
height: 27px;
border: 0
}
--></mce:style><style mce_bogus="1">    .input{
border:0px;
height:20px;
width:100%;
padding-left:2px;
line-height:20px;
background-color:white;
background-repeat:repeat-x;
color:#339900;
}
.input2{
border:0px;
height:20px;
width:100%;
padding-left:2px;
line-height:20px;
background-color:white;
background-repeat:repeat-x;
color:#339900;
}
th {
height:25px;
font-weight:normal;
border-bottom:1px solid #9eb7d6;
border-right:1px solid #9eb7d6;
background:url(images/smsedit_bg.gif) repeat-x;
}
td {
border-bottom:1px solid #eee;
border-right:1px solid #eee;
height:28px;
text-align:center;
}

.inputButton {
background: url( images/loginButton.gif ) no-repeat;
width: 77px;
height: 27px;
border: 0
}</style>
<body>
<table>
<tr>
<th width="5%">序号</th>
<th width="55%">题目</th>
<th width="10%">宝宝</th>
<th width="10%">正确</th>
<th width="10%">结果</th>
<th width="10%">操作</th>
</tr>
<tr>
<td>1</td>
<td>
<input type="text" id="timu" name="timu" class="input" value="">
</td>
<td>
<input type="text" id="baobao" name="baobao" class="input2" value="">
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>2</td>
<td>
<input type="text" id="timu1" name="timu" class="input" value="">
</td>
<td>
<input type="text" id="baobao1" name="baobao" class="input2" value="">
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>3</td>
<td>
<input type="text" id="timu2" name="timu" class="input" value="">
</td>
<td>
<input type="text" id="baobao2" name="baobao" class="input2" value="">
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>4</td>
<td>
<input type="text" id="timu3" name="timu" class="input" value="">
</td>
<td>
<input type="text" id="baobao3" name="baobao" class="input2" value="">
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>5</td>
<td>
<input type="text" id="timu4" name="timu" class="input" value="">
</td>
<td>
<input type="text" id="baobao4" name="baobao" class="input2" value="">
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>6</td>
<td>
<input type="text" id="timu5" name="timu" class="input" value="">
</td>
<td>
<input type="text" id="baobao5" name="baobao" class="input2" value="">
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>7</td>
<td>
<input type="text" id="timu6" name="timu" class="input" value="">
</td>
<td>
<input type="text" id="baobao6" name="baobao" class="input2" value="">
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>8</td>
<td>
<input type="text" id="timu7" name="timu" class="input" value="">
</td>
<td>
<input type="text" id="baobao7" name="baobao" class="input2" value="">
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>9</td>
<td>
<input type="text" id="timu8" name="timu" class="input" value="">
</td>
<td>
<input type="text" id="baobao8" name="baobao" class="input2" value="">
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>10</td>
<td>
<input type="text" id="timu9" name="timu" class="input" value="">
</td>
<td>
<input type="text" id="baobao9" name="baobao" class="input2" value="">
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>11</td>
<td>
<input type="text" id="timu10" name="timu" class="input" value="">
</td>
<td>
<input type="text" id="baobao10" name="baobao" class="input2" value="">
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>12</td>
<td>
<input type="text" id="timu11" name="timu" class="input" value="">
</td>
<td>
<input type="text" id="baobao11" name="baobao" class="input2" value="">
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>13</td>
<td>
<input type="text" id="timu12" name="timu" class="input" value="">
</td>
<td>
<input type="text" id="baobao12" name="baobao" class="input2" value="">
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>14</td>
<td>
<input type="text" id="timu13" name="timu" class="input" value="">
</td>
<td>
<input type="text" id="baobao13" name="baobao" class="input2" value="">
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>15</td>
<td>
<input type="text" id="timu14" name="timu" class="input" value="">
</td>
<td>
<input type="text" id="baobao14" name="baobao" class="input2" value="">
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th width="5%">序号</th>
<th width="55%">题目</th>
<th width="10%">宝宝</th>
<th width="10%">正确</th>
<th width="10%">结果</th>
<th width="10%">操作</th>
</tr>
<tr>
<td>1</td>
<td>
<input type="text" id="timu15" name="timu" class="input" value="">
</td>
<td>
<input type="text" id="baobao15" name="baobao" class="input2" value="">
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>2</td>
<td>
<input type="text" id="timu16" name="timu" class="input" value="">
</td>
<td>
<input type="text" id="baobao16" name="baobao" class="input2" value="">
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>3</td>
<td>
<input type="text" id="timu17" name="timu" class="input" value="">
</td>
<td>
<input type="text" id="baobao17" name="baobao" class="input2" value="">
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>4</td>
<td>
<input type="text" id="timu18" name="timu" class="input" value="">
</td>
<td>
<input type="text" id="baobao18" name="baobao" class="input2" value="">
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>5</td>
<td>
<input type="text" id="timu19" name="timu" class="input" value="">
</td>
<td>
<input type="text" id="baobao19" name="baobao" class="input2" value="">
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>6</td>
<td>
<input type="text" id="timu20" name="timu" class="input" value="">
</td>
<td>
<input type="text" id="baobao20" name="baobao" class="input2" value="">
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>6</td>
<td>
<input type="text" id="timu21" name="timu" class="input" value="">
</td>
<td>
<input type="text" id="baobao21" name="baobao" class="input2" value="">
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>8</td>
<td>
<input type="text" id="timu22" name="timu" class="input" value="">
</td>
<td>
<input type="text" id="baobao22" name="baobao" class="input2" value="">
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>9</td>
<td>
<input type="text" id="timu23" name="timu" class="input" value="">
</td>
<td>
<input type="text" id="baobao23" name="baobao" class="input2" value="">
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>10</td>
<td>
<input type="text" id="timu24" name="timu" class="input" value="">
</td>
<td>
<input type="text" id="baobao24" name="baobao" class="input2" value="">
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>11</td>
<td>
<input type="text" id="timu25" name="timu" class="input" value="">
</td>
<td>
<input type="text" id="baobao25" name="baobao" class="input2" value="">
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>12</td>
<td>
<input type="text" id="timu26" name="timu" class="input" value="">
</td>
<td>
<input type="text" id="baobao26" name="baobao" class="input2" value="">
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>13</td>
<td>
<input type="text" id="timu27" name="timu" class="input" value="">
</td>
<td>
<input type="text" id="baobao27" name="baobao" class="input2" value="">
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>14</td>
<td>
<input type="text" id="timu28" name="timu" class="input" value="">
</td>
<td>
<input type="text" id="baobao28" name="baobao" class="input2" value="">
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>15</td>
<td>
<input type="text" id="timu29" name="timu" class="input" value="">
</td>
<td>
<input type="text" id="baobao29" name="baobao" class="input2" value="">
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th colspan="6" align="center">
<input type="button" id="jisuan" name="jisuan" class="inputButton" value="开始检查" onclick="startJisuan()">
</th>
</tr>
</table>

</body>
<mce:script language="JavaScript"><!--
//开始计算
function startJisuan(){
$(".input").each(function(i,n){
//获取计算后的值
var textTimu = 0;
try{
textTimu = jisuan($(n).val());
} catch(err){
if(i <= 14){
alert("您输入的前15道题目中的第"+(i+1)+"个题目："+($(n).val())+"是不合理的题目，请重新输入！");
} else {
alert("您输入的后15道题目中的第"+(i%15+1)+"个题目："+($(n).val())+"是不合理的题目，请重新输入！");
}
}
var str = "<a href = '#' class ='zhengque'>正确</a>";
//此处对textTimu进行转换，否则无法识别出来结果为0的时候检查
textTimu = ""+textTimu+"";
//计算结果放在同行的‘正确’单元格内
if(textTimu.length == 0){
$(n).parents().find("td").eq(3).html(" ");
} else{
$(n).parents().find("td").eq(3).text(textTimu);
}
var baobao = $(".input2").eq(i).val();
if(textTimu.length > 0 && jsTerm(baobao).length>0){
if (textTimu == baobao) {
//检查结果放在同行的‘结果’单元格内
$(n).parents().find("td").eq(4).css("color", "darkgreen");
$(n).parents().find("td").eq(4).text("正确");

} else {
$(n).parents().find("td").eq(4).css("color", "red");
$(n).parents().find("td").eq(4).text("错误");
//在操作栏中放入 <a>
$(n).parents().find("td").eq(5).html(str);
}
} else {
$(n).parents().find("td").eq(4).css("color", "red");
$(n).parents().find("td").eq(5).html(str);
}
})
}

// 位<a>指派click事件
$(".zhengque").live("click",function(){
$(this).parents().find("td").eq(4).css("color", "darkgreen");
$(this).parents().find("td").eq(4).text("正确");
$(this).parents().find("td").eq(5).html(" ");
})
//计算方法
function jisuan(textTimu){
if(textTimu != undefined && jsTerm(textTimu).length>0){
return eval(textTimu);
} else {
return "";
}
}

//去掉两边的空格
function   jsTerm(   str   ){
return   str.replace(/(^[   /t]+)|([   /t]+$)/g,"");
}
// --></mce:script>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航