老师布置了一个作业 我没学过 他要我自己去找答案 做一半了 卡到一个地方 求教各位

qq_32771687 2017-04-30 10:21:06
老师要求如下：
1：做个课程表
2：给每个课程前面添加一个复选框
3：添加全选跟反选
4：添加提交按钮 点击后 选课之后 弹出框 弹出课程名称
卡第四步了。。。。 没学过 想过用switch来解决 但是失败了
请各位前辈指点一下 我好继续摸索 现在没个头绪。。。。


<html>

<meta charset="utf-8">

<head>

<style>

.gd{width:700px;text-align:center;}

.bt{font-family:微软雅黑;}

.nr{font-family:楷体;}

.nr:hover{background-color:#eee;}

</style>

<script>

function qx()

{

   var k =document.all("ck_id")

   for (var i=0;i<k.length;i++)

 {

	 k[i].checked=true;

	 	 }

	}



    function fx()

	{

		var k =document.all("ck_id")

		for (var i=0;i<k.length;i++)

		{

			if

			(k[i].checked == true)

			{

			k[i].checked = false;

			}

			

			else

			{

			k[i].checked = true;

			}

		}

		

	}

</script>

</head>

<title>课程表</title>

<body>

<caption>课程表</caption>

<input type="button" value="全选"  onClick="qx()"/>

<input type="button" value="反选" onClick="fx()"/>

<hr/>

<table border="1" cellspacing="0" class="gd" >

<tr class="bt">

<th>课程\日期</th>

<th>星期一</th>

<th>星期二</th>

<th>星期三</th>

<th>星期四</th>

<th>星期五</th>

<th>星期六</th>

<th>星期日</th>

</tr>

<tr>

<th rowspan="3"  class="bt">上午</th>

<td class="nr" id="yw"><input type="checkbox" id="ck_id" name="语文">语文</td>

<td class="nr" id="sx"><input type="checkbox" id="ck_id" name="数学">数学</td>

<td class="nr" id="yy"><input type="checkbox" id="ck_id" name="英语">英语</td>

<td class="nr" id="ls"><input type="checkbox" id="ck_id" name="历史">历史</td>

<td class="nr" id="wl"><input type="checkbox" id="ck_id" name="物理">物理</td>

<td class="nr" id="hx"><input type="checkbox" id="ck_id" name="化学">化学</td>

<td class="nr" id="zz"><input type="checkbox" id="ck_id" name="政治">政治</td>

</tr>

<tr>

<td class="nr" id="sx"><input type="checkbox" id="ck_id" name="数学">数学</td>

<td class="nr" id="yin"><input type="checkbox" id="ck_id" name="音乐">音乐</td>

<td class="nr" id="dl"><input type="checkbox" id="ck_id" name="地理">地理</td>

<td class="nr" id="ty"><input type="checkbox" id="ck_id" name="体育">体育</td>

<td class="nr" id="ls"><input type="checkbox" id="ck_id" name="历史">历史</td>

<td class="nr" id="sw"><input type="checkbox" id="ck_id" name="生物">生物</td>

<td class="nr" id="ms"><input type="checkbox" id="ck_id" name="美术">美术</td>

</tr>

</tr>

<tr>

<td class="nr" id="sx"><input type="checkbox" id="ck_id" name="数学">数学</td>

<td class="nr" id="yw"><input type="checkbox" id="ck_id" name="语文">语文</td>

<td class="nr" id="ms"><input type="checkbox" id="ck_id" name="美术">美术</td>

<td class="nr" id="yy"><input type="checkbox" id="ck_id" name="英语">英语</td>

<td class="nr" id="zz"><input type="checkbox" id="ck_id" name="政治">政治</td>

<td class="nr" id="ty"><input type="checkbox" id="ck_id" name="体育">体育</td>

<td class="nr" id="hx"><input type="checkbox" id="ck_id" name="化学">化学</td>

</tr>

</tr>

<th rowspan="3" class="bt">下午</th>

<td class="nr" id="sx"><input type="checkbox" id="ck_id" name="数学">数学</td>

<td class="nr" id="yin"><input type="checkbox" id="ck_id" name="音乐">音乐</td>

<td class="nr" id="dl"><input type="checkbox" id="ck_id" name="地理">地理</td>

<td class="nr" id="ty"><input type="checkbox" id="ck_id" name="体育">体育</td>

<td class="nr" id="ls"><input type="checkbox" id="ck_id" name="历史">历史</td>

<td class="nr" id="sw"><input type="checkbox" id="ck_id" name="生物">生物</td>

<td class="nr" id="ms"><input type="checkbox" id="ck_id" name="美术">美术</td>

</tr>

</tr>

<tr>

<td class="nr" id="yw"><input type="checkbox" id="ck_id" name="语文">语文</td>

<td class="nr" id="sx"><input type="checkbox" id="ck_id" name="数学">数学</td>

<td class="nr" id="yy"><input type="checkbox" id="ck_id" name="英语">英语</td>

<td class="nr" id="ls"><input type="checkbox" id="ck_id" name="历史">历史</td>

<td class="nr" id="wl"><input type="checkbox" id="ck_id" name="物理">物理</td>

<td class="nr" id="hx"><input type="checkbox" id="ck_id" name="化学">化学</td>

<td class="nr" id="zz"><input type="checkbox" id="ck_id" name="政治">政治</td>

</tr>

</tr>

<tr>

<td class="nr" id="sx"><input type="checkbox" id="ck_id" name="数学">数学</td>

<td class="nr" id="yw"><input type="checkbox" id="ck_id" name="语文">语文</td>

<td class="nr" id="ms"><input type="checkbox" id="ck_id" name="美术">美术</td>

<td class="nr" id="yy"><input type="checkbox" id="ck_id" name="英语">英语</td>

<td class="nr" id="zz"><input type="checkbox" id="ck_id" name="政治">政治</td>

<td class="nr" id="ty"><input type="checkbox" id="ck_id" name="体育">体育</td>

<td class="nr" id="hx"><input type="checkbox" id="ck_id" name="化学">化学</td>

</tr>

</tr>

</table>

<hr/>

<input type="button" value="提交"/>

<p id="j"></p>

</body>

</html>
...全文
139 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
斯洛文尼亚旅游 2017-04-30
  • 打赏
  • 举报
 回复 
<html>
<meta charset="utf-8">
<head>
    <style>
        .gd {
            width: 700px;
            text-align: center;
        }

        .bt {
            font-family: 微软雅黑;
        }

        .nr {
            font-family: 楷体;
        }

            .nr:hover {
                background-color: #eee;
            }
    </style>
    <script>
        function qx() {
            var k = document.all("ck_id")
            for (var i = 0; i < k.length; i++) {
                k[i].checked = true;
            }
        }

        function fx() {
            var k = document.all("ck_id")
            for (var i = 0; i < k.length; i++) {
                if
            (k[i].checked == true) {
                    k[i].checked = false;
                }

                else {
                    k[i].checked = true;
                }
            }

        }
        function getChecked() {
            var cbs = document.getElementsByTagName('input');
            var week = ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日']
            var arr=[];
            for (var i = 0; i < cbs.length; i++)
                if (cbs[i].type == 'checkbox' && cbs[i].checked) {
                    arr.push(week[cbs[i].parentNode.cellIndex - (cbs[i].parentNode.parentNode.cells.length==8?1:0)] + (cbs[i].parentNode.parentNode.rowIndex > 3 ? '下午' : '上午') + cbs[i].name);
                }
            alert(arr.join('\n'))
        }
    </script>
</head>
<title>课程表</title>
<body>
    <caption>课程表</caption>
    <input type="button" value="全选" onclick="qx()" />
    <input type="button" value="反选" onclick="fx()" />
    <hr />
    <table border="1" cellspacing="0" class="gd" >
        <tr class="bt">
            <th>课程\日期</th>
            <th>星期一</th>
            <th>星期二</th>
            <th>星期三</th>
            <th>星期四</th>
            <th>星期五</th>
            <th>星期六</th>
            <th>星期日</th>
        </tr>
        <tr>
            <th rowspan="3" class="bt">上午</th>
            <td class="nr" id="yw"><input type="checkbox" id="ck_id" name="语文">语文</td>
            <td class="nr" id="sx"><input type="checkbox" id="ck_id" name="数学">数学</td>
            <td class="nr" id="yy"><input type="checkbox" id="ck_id" name="英语">英语</td>
            <td class="nr" id="ls"><input type="checkbox" id="ck_id" name="历史">历史</td>
            <td class="nr" id="wl"><input type="checkbox" id="ck_id" name="物理">物理</td>
            <td class="nr" id="hx"><input type="checkbox" id="ck_id" name="化学">化学</td>
            <td class="nr" id="zz"><input type="checkbox" id="ck_id" name="政治">政治</td>
        </tr>
        <tr>
            <td class="nr" id="sx"><input type="checkbox" id="ck_id" name="数学">数学</td>
            <td class="nr" id="yin"><input type="checkbox" id="ck_id" name="音乐">音乐</td>
            <td class="nr" id="dl"><input type="checkbox" id="ck_id" name="地理">地理</td>
            <td class="nr" id="ty"><input type="checkbox" id="ck_id" name="体育">体育</td>
            <td class="nr" id="ls"><input type="checkbox" id="ck_id" name="历史">历史</td>
            <td class="nr" id="sw"><input type="checkbox" id="ck_id" name="生物">生物</td>
            <td class="nr" id="ms"><input type="checkbox" id="ck_id" name="美术">美术</td>
        </tr>
        </tr>
        <tr>
            <td class="nr" id="sx"><input type="checkbox" id="ck_id" name="数学">数学</td>
            <td class="nr" id="yw"><input type="checkbox" id="ck_id" name="语文">语文</td>
            <td class="nr" id="ms"><input type="checkbox" id="ck_id" name="美术">美术</td>
            <td class="nr" id="yy"><input type="checkbox" id="ck_id" name="英语">英语</td>
            <td class="nr" id="zz"><input type="checkbox" id="ck_id" name="政治">政治</td>
            <td class="nr" id="ty"><input type="checkbox" id="ck_id" name="体育">体育</td>
            <td class="nr" id="hx"><input type="checkbox" id="ck_id" name="化学">化学</td>
        </tr>
        </tr>
        <th rowspan="3" class="bt">下午</th>
        <td class="nr" id="sx"><input type="checkbox" id="ck_id" name="数学">数学</td>
        <td class="nr" id="yin"><input type="checkbox" id="ck_id" name="音乐">音乐</td>
        <td class="nr" id="dl"><input type="checkbox" id="ck_id" name="地理">地理</td>
        <td class="nr" id="ty"><input type="checkbox" id="ck_id" name="体育">体育</td>
        <td class="nr" id="ls"><input type="checkbox" id="ck_id" name="历史">历史</td>
        <td class="nr" id="sw"><input type="checkbox" id="ck_id" name="生物">生物</td>
        <td class="nr" id="ms"><input type="checkbox" id="ck_id" name="美术">美术</td>
        </tr>
        </tr>
        <tr>
            <td class="nr" id="yw"><input type="checkbox" id="ck_id" name="语文">语文</td>
            <td class="nr" id="sx"><input type="checkbox" id="ck_id" name="数学">数学</td>
            <td class="nr" id="yy"><input type="checkbox" id="ck_id" name="英语">英语</td>
            <td class="nr" id="ls"><input type="checkbox" id="ck_id" name="历史">历史</td>
            <td class="nr" id="wl"><input type="checkbox" id="ck_id" name="物理">物理</td>
            <td class="nr" id="hx"><input type="checkbox" id="ck_id" name="化学">化学</td>
            <td class="nr" id="zz"><input type="checkbox" id="ck_id" name="政治">政治</td>
        </tr>
        </tr>
        <tr>
            <td class="nr" id="sx"><input type="checkbox" id="ck_id" name="数学">数学</td>
            <td class="nr" id="yw"><input type="checkbox" id="ck_id" name="语文">语文</td>
            <td class="nr" id="ms"><input type="checkbox" id="ck_id" name="美术">美术</td>
            <td class="nr" id="yy"><input type="checkbox" id="ck_id" name="英语">英语</td>
            <td class="nr" id="zz"><input type="checkbox" id="ck_id" name="政治">政治</td>
            <td class="nr" id="ty"><input type="checkbox" id="ck_id" name="体育">体育</td>
            <td class="nr" id="hx"><input type="checkbox" id="ck_id" name="化学">化学</td>
        </tr>
        </tr>
    </table>
    <hr />
    <input type="button" value="提交" onclick="getChecked()" />
    <p id="j"></p>
</body>
</html>
二月十六 2017-04-30
  • 打赏
  • 举报
 回复
稍微改了一下，有点乱，凑活着看吧。。。


<html>

<meta charset="utf-8">

<head>

<style>

.gd{width:700px;text-align:center;}

.bt{font-family:微软雅黑;}

.nr{font-family:楷体;}

.nr:hover{background-color:#eee;}

</style>

<script>

function qx()

{

   var k =document.all("ck_id")

   for (var i=0;i<k.length;i++)

 {

	 k[i].checked=true;

	 	 }

	}



    function fx()

	{

		var k =document.all("ck_id")

		for (var i=0;i<k.length;i++)

		{

			if

			(k[i].checked == true)

			{

			k[i].checked = false;

			}

			

			else

			{

			k[i].checked = true;

			}

		}

		

	}

function getdata()

{

   obj = document.getElementsByName("test");

    check_val = [];

    for(k in obj){

        if(obj[k].checked)

            check_val.push(obj[k].value);

    }

    alert(check_val);

}</script>

</head>

<title>课程表</title>

<body>

<caption>课程表</caption>

<input type="button" value="全选"  onClick="qx()"/>

<input type="button" value="反选" onClick="fx()"/>

<hr/><table border = "1"cellspacing = "0"class = "gd" > <tr class = "bt" > <th > 课程\日期 </th>

<th>星期一</th > <th > 星期二 </th>

<th>星期三</th > <th > 星期四 </th>

<th>星期五</th > <th > 星期六 </th>

<th>星期日</th > </tr>

<tr>

<th rowspan="3"  class="bt">上午</th > <td class = "nr"id = "yw" > <input type = "checkbox"id = "ck_id"name = "test" value="语文" > 语文 </td>

<td class="nr" id="sx"><input type="checkbox" id="ck_id"name = "test" value="数学">数学</td > <td class = "nr"id = "yy" > <input type = "checkbox"id = "ck_id"name = "test" value="英语 "> 英语 </td>

<td class="nr" id="ls"><input type="checkbox" id="ck_id"name = "test" value="历史">历史</td > <td class = "nr"id = "wl" > <input type = "checkbox"id = "ck_id"name = "test" value="物理 "> 物理 </td>

<td class="nr" id="hx"><input type="checkbox" id="ck_id" name = "test" value="化学">化学</td > <td class = "nr"id = "zz" > <input type = "checkbox"id = "ck_id"name = "test" value="政治 "> 政治 </td>

</tr > </table><hr/>

<input type="button" value="提交" onclick="getdata()"/>

<p id="j"></p>

</body>

</html>


101个著名的管理学及心理学效应（2）
50、环境效应 当回忆时的情境和学习时所情境完全一样时，记忆效果最佳。通常把这一现象称为环境效应。如果你要在某一课堂进行考试，那么在这个课堂里学习材料比在图书馆或...从某种意义上说，一个人的身体也是他所处环
GAMES 图形学系列笔记（二十五）
我们先看一下我们这个课程最后一次作业啊，作业时的一个情况啊，总体上交作业的同学还是不错的啊，同学的一些结果啊，这个同学是实现了那个就是显示方法啊，cross换算法，当然算法也出现一些小的问题。像比如这里一...
学习成功：中学生成就梦想的15堂必修课
管斌全：《学习成功：中学生成就梦想的15堂必修课》笛案：自信国内外成功学的著作看过不少，但我只向人推荐管斌全的作品。以下内容节选自网络，个人有渠道还是买书好，也算是对作者的支持。fygub0231@sina....
GAMES 图形学系列笔记（三十五）
第三课程呢我们就会准备是沃克的多线程同步，还有一些基于移动端的一些常见优化和实践，然后这个优化呢，有一部分是来自于我自己的那个，一个开发的经验，ok然后我看到评论，有同学说作业二运行不了怎么办。
101个著名的管理学及心理学效应
1、阿基米德与酝酿效应 在古希腊，国王让人做了一顶纯金的王冠，但...有一天他去洗澡，一边他一边坐进澡盆，以便看到水往外溢，同时感觉身体被轻轻地托起，他突然恍然大悟，运用浮力原理解决了问题。 不管是科学家...
JavaScript

87,993

社区成员

224,694

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章