<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<script src="js/mui.min.js"></script>
<link href="css/mui.min.css" rel="stylesheet"/>
<script type="text/javascript" charset="utf-8">
mui.init();
</script>
<script type="text/javascript" src="jQuery/jquery-1.12.1.js"></script>
<style type="text/css">
table.gridtable {
font-family: verdana,arial,sans-serif;
font-size:16px;
color:#333333;
border-width: 1px;
border-color: #666666;
border-collapse: collapse;
text-align: center;
}
table.gridtable th {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #666666;
background-color: #dedede;
}
table.gridtable td {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #666666;
background-color: #ffffff;
}
</style>
</head>
<body background="image2/1.jpg">
<table class="gridtable" id="tab2" align="center";>
<tr>
<th><input type="checkbox" name="ch2" id="btn1" onclick="chocieAllChoiceCourseRecorder();"/></th>
<th>序号</th>
<th>学号</th>
<th>学生姓名</th>
<th>科目</th>
<th>考试成绩</th>
<th>学分</th>
<th>任课教师</th>
<th>开课日期</th>
</tr>
<script type="text/javascript">
/* 下列代码功能: 定义 对象 ,包含 属性和方法 */
function ChoiceCourseRecorder(no,name,course,grade,xuefen,teachername,coursedate)
{
this.no=no;
this.name=name;
this.course=course;
this.grade=grade;
this.xuefen=xuefen;
this.teachername=teachername;
this.coursedate=coursedate;
}
/* 下列代码功能: 利用 Array 生成 集合对象【即 数组对象】 , 它用于 存放 其他 对象 */
var choiceCourseRecorder=new Array();
/* 下列代码功能: 利用 new 生成 对象 ,包含 属性和方法 */
choiceCourseRecorder[0]=new ChoiceCourseRecorder("2016001","李智同","计算机网络",88,3,"张三","2019-03-11");
choiceCourseRecorder[1]=new ChoiceCourseRecorder("2016001","李智同","计算机网络",88,3,"张三","2019-03-11");
choiceCourseRecorder[2]=new ChoiceCourseRecorder("2016001","李智同","计算机网络",88,3,"张三","2019-03-11");
choiceCourseRecorder[3]=new ChoiceCourseRecorder("2016001","李智同","计算机网络",88,3,"张三","2019-03-11");
choiceCourseRecorder[4]=new ChoiceCourseRecorder("2016001","李智同","计算机网络",88,3,"张三","2019-03-11");
choiceCourseRecorder[5]=new ChoiceCourseRecorder("2016001","李智同","计算机网络",88,3,"张三","2019-03-11");
choiceCourseRecorder[6]=new ChoiceCourseRecorder("2016001","李智同","计算机网络",88,3,"张三","2019-03-11");
choiceCourseRecorder[7]=new ChoiceCourseRecorder("2016001","李智同","计算机网络",88,3,"张三","2019-03-11");
/* 下列代码功能: 利用for循环 把每一个对象信息显示在表格中,
重要代码:document.write("<td>"+(i+1)+"</td>"); 研究特征和意义,
提示:这种写法,可以动态生成html 表格标记,可以实现对象的信息 显示在了表格中 */
for(var i=0;i<choiceCourseRecorder.length; i++)
{
document.write("<tr>")
document.write("<td>"+"<input type='checkbox' name='ch2'>"+"</td>");
document.write("<td>"+(i+1)+"</td>");
document.write("<td>"+choiceCourseRecorder[i].no+"</td>");
document.write("<td>"+choiceCourseRecorder[i].name+"</td>");
document.write("<td>"+choiceCourseRecorder[i].course+"</td>");
document.write("<td>"+choiceCourseRecorder[i].grade+"</td>");
document.write("<td>"+choiceCourseRecorder[i].xuefen+"</td>");
document.write("<td>"+choiceCourseRecorder[i].teachername+"</td>");
document.write("<td>"+choiceCourseRecorder[i].coursedate+"</td>");
document.write("</tr>")
}
function chocieAllChoiceCourseRecorder()
{
for(var i=1; i<document.getElementsByName("ch2").length; i++)
{
document.getElementsByName("ch2")[i].checked=
document.getElementsByName("ch2").item(0).checked;
}
}
/* 下列代码功能: 获取 所有的单选按钮对象, 利用if 判定用户是否选择了 某个 对象信息, 删除它, 通过循环检查 ,依次删除所选的选项对象 */
function delete_row()
{
for(var i=1; i<document.getElementsByName("ch2").length; i++)
{
if(document.getElementsByName("ch2")[i].checked)
{
/* 下列一行代码功能: 删除 用户所选的那一行表格内容 单元格也没有了 */
document.getElementById("tab2").deleteRow(i);
i--;
}
}
}
/* 下列代码功能: 选择 全部的 对象信息 */
</script>
</table>
<input type="button" value="删除" id="btn" onclick="delete_row();"/>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
基于HTML5的学生选课系统

共74个文件
gif:42个
html:15个
jpg:8个


温馨提示
学生选课系统,代码易懂,界面美观,带有框架,可直接用于课程设计
资源推荐
资源详情
资源评论













收起资源包目录















































































共 74 条
- 1
资源评论

- weixin_445031642022-03-06同志们,别被骗了,做的太差了,不值得
- Cardilonse2019-11-16做的不好呢

沉默寡言810
- 粉丝: 1
- 资源: 3
上传资源 快速赚钱
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助


安全验证
文档复制为VIP权益,开通VIP直接复制
