第二个函数有问题求大神指导

qq_41658821 2018-07-08 04:39:46
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title></title>
<script>
var j = 1

function changeColor() {
var tabl = document.getElementById("tabl");
//获得表的行数
var count = tabl.tBodies[0].rows.length;
for(var i = 0; i < count; i++) {
//遍历每行
if(i % 2 == 0) {
//偶数行
tabl.tBodies[0].rows[i].style.backgroundColor = "blue";
} else {
//奇数行
tabl.tBodies[0].rows[i].style.backgroundColor = "red";
}
}
}

function checkAll() { //写第二个函数后，第一个函数的效果不显示？？？
//得到总复选框的控制权
var selectAll = document.getElementById("selectAll");
//判断总复选框是否被选择
var ids = document.getElementsByName("ids");
var len = ids.length;
if(selectAll.checked == true) {
//已被选择，将下面的复选框选择
for(var u = 0; u < len; u++) {
ids[u].checked = true;
} else {
//未被选择，将下面的复选框选择
for(var u = 0; u < len; u++) {
ids[u].checked = false;
}
}
}
}
</script>
</head>

<body onload="changeColor()">
<table border="1" width="80%" align="center" id="tabl">

<thead>
<tr>
<td>
<input type="checkbox" id="selectAll" name="ids1" onclick="checkAll" />
</td>
<th>分类的ID</th>
<th>分类的名称</th>
<th>分类的描述</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<input type="checkbox" name="ids" />
</td>
<td>1</td>
<td>手机数码</td>
<td>手机数码</td>
<td>
<a href="">修改</a>|
<a href="">删除</a>
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="ids" />
</td>
<td>2</td>
<td>电脑办公</td>
<td>电脑办公</td>
<td>
<a href="">修改</a>|
<a href="">删除</a>
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="ids" />
</td>
<td>3</td>
<td>烟酒糖茶</td>
<td>烟酒糖茶</td>
<td>
<a href="">修改</a>|
<a href="">删除</a>
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="ids" />
</td>
<td>4</td>
<td>笔记本</td>
<td>笔记本</td>
<td>
<a href="">修改</a>|
<a href="">删除</a>
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="ids" />
</td>
<td>5</td>
<td>美女</td>
<td>美女</td>
<td>
<a href="">修改</a>|
<a href="">删除</a>
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="ids" />
</td>
<td>6</td>
<td>五金用品</td>
<td>五金用品</td>
<td>
<a href="">修改</a>|
<a href="">删除</a>
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="ids" />
</td>
<td>7</td>
<td>饮料</td>
<td>饮料</td>
<td>
<a href="">修改</a>|
<a href="">删除</a>
</td>
</tr>
</tbody>
<tr>
<td colspan="5">
<input type="button" name="add" value="添加" />
<input type="button" name="del" value="删除" />
</td>
</tr>
</table>
</body>

</html>
...全文
123 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
天际的海浪 2018-07-08
  • 打赏
  • 举报
 回复
引用 4 楼 qq_41658821 的回复:
能说一下修改的哪里吗？还有容易出错的地方

一是if()和for()的大括号{}配对错位了，
二是onclick="checkAll"的checkAll后面少写了()
qq_41658821 2018-07-08
  • 打赏
  • 举报
 回复
能说一下修改的哪里吗？还有容易出错的地方
天际的海浪 2018-07-08
  • 打赏
  • 举报
 回复
引用 2 楼 qq_41658821 的回复:
更改后还是有问题，



<!DOCTYPE html>

<html>



	<head>

		<meta charset="UTF-8">

		<title></title>

		<script>

			var j = 1



			function changeColor() {

				var tabl = document.getElementById("tabl");

				//获得表的行数

				var count = tabl.tBodies[0].rows.length;

				for(var i = 0; i < count; i++) {

					//遍历每行

					if(i % 2 == 0) {

						//偶数行

						tabl.tBodies[0].rows[i].style.backgroundColor = "blue";

					} else {

						//奇数行

						tabl.tBodies[0].rows[i].style.backgroundColor = "red";

					}

				}

			}



			function checkAll() {

				//得到总复选框的控制权

				var selectAll = document.getElementById("selectAll");

				//判断总复选框是否被选择

				var ids = document.getElementsByName("ids");

				var len = ids.length;

				if(selectAll.checked == true) {

					//已被选择，将下面的复选框选择

					for(var u = 0; u < len; u++) {

						ids[u].checked = true;

					}

				} else {

					//未被选择，将下面的复选框选择

					for(var u = 0; u < len; u++) {

						ids[u].checked = false;

					}

				}

			}  

		</script>

	</head>



	<body onload="changeColor()">

		<table border="1" width="80%" align="center" id="tabl">



			<thead>

				<tr>

					<td>

						<input type="checkbox" id="selectAll" name="ids1" onclick="checkAll()" />

					</td>

					<th>分类的ID</th>

					<th>分类的名称</th>

					<th>分类的描述</th>

					<th>操作</th>

				</tr>

			</thead>

			<tbody>

				<tr>

					<td>

						<input type="checkbox" name="ids" />

					</td>

					<td>1</td>

					<td>手机数码</td>

					<td>手机数码</td>

					<td>

						<a href="">修改</a>|

						<a href="">删除</a>

					</td>

				</tr>

				<tr>

					<td>

						<input type="checkbox" name="ids" />

					</td>

					<td>2</td>

					<td>电脑办公</td>

					<td>电脑办公</td>

					<td>

						<a href="">修改</a>|

						<a href="">删除</a>

					</td>

				</tr>

				<tr>

					<td>

						<input type="checkbox" name="ids" />

					</td>

					<td>3</td>

					<td>烟酒糖茶</td>

					<td>烟酒糖茶</td>

					<td>

						<a href="">修改</a>|

						<a href="">删除</a>

					</td>

				</tr>

				<tr>

					<td>

						<input type="checkbox" name="ids" />

					</td>

					<td>4</td>

					<td>笔记本</td>

					<td>笔记本</td>

					<td>

						<a href="">修改</a>|

						<a href="">删除</a>

					</td>

				</tr>

				<tr>

					<td>

						<input type="checkbox" name="ids" />

					</td>

					<td>5</td>

					<td>美女</td>

					<td>美女</td>

					<td>

						<a href="">修改</a>|

						<a href="">删除</a>

					</td>

				</tr>

				<tr>

					<td>

						<input type="checkbox" name="ids" />

					</td>

					<td>6</td>

					<td>五金用品</td>

					<td>五金用品</td>

					<td>

						<a href="">修改</a>|

						<a href="">删除</a>

					</td>

				</tr>

				<tr>

					<td>

						<input type="checkbox" name="ids" />

					</td>

					<td>7</td>

					<td>饮料</td>

					<td>饮料</td>

					<td>

						<a href="">修改</a>|

						<a href="">删除</a>

					</td>

				</tr>

			</tbody>

			<tr>

				<td colspan="5">

					<input type="button" name="add" value="添加" />

					<input type="button" name="del" value="删除" />

				</td>

			</tr>

		</table>

	</body>



</html>
qq_41658821 2018-07-08
  • 打赏
  • 举报
 回复
更改后还是有问题，
天际的海浪 2018-07-08
  • 打赏
  • 举报
 回复
第二个函数有语法错误


			function checkAll() {   //写第二个函数后，第一个函数的效果不显示？？？[/color]

				//得到总复选框的控制权

				var selectAll = document.getElementById("selectAll");

				//判断总复选框是否被选择

				var ids = document.getElementsByName("ids");

				var len = ids.length;

				if(selectAll.checked == true) {

					//已被选择，将下面的复选框选择

					for(var u = 0; u < len; u++) {

						ids[u].checked = true;

					}

				} else {

					//未被选择，将下面的复选框选择

					for(var u = 0; u < len; u++) {

						ids[u].checked = false;

					}

				}

			}


<input type="checkbox" id="selectAll" name="ids1" onclick="checkAll()" />
Excel函数100问
初学Excel函数你是否总有一种无力感? 工作中遇到问题时，不知道用什么函数来解决? 函数的单词都认识，但一用它来写公式，要么写不出来，要么结果不对，更别说编写嵌套公式 那些函数名称、函数参数的作用总是记不住，...
python 第一次调用这个函数循环能正常执行，第二次调用函数，里面的for跳过不执行，循环外面的语句就正常执行，这是什么情况，请各位大神指导
定义了一个函数，里面设定了一个for循环，第一次调用该函数时，代码正常，第二次调用该函数，直接跳过for循环，执行循环外面的代码，但是数据也不是空的，传进的参数在循环外也能正常打印出来 import pandas as pd ...
java日历打印出的格式不对_Java打印某年某月的日历 没有错误但是运行出的月份与实际不符 求大神指导...
Java打印某年某月的日历 没有错误但是运行出的月份与实际不符 求大神指导我看了一下日历，发现你打出来的其实是九月份而不是八月份，那么我猜在showPrint这里的第二个参数是从0开始的，即0~11而非1~12，所以如果你...
关于jmetal解决带约束多目标问题求解。。俺是菜鸡，求大神指导
这是第一次发帖子，实在是卡在这了）首先，问题是这样的，是一个cost和emssion问题，也是两个目标，要达到两个目标越小越好，也就是两个目标函数了，目标函数如下：另一个函数femssion和这个函数类似，上面是cost的...
rankboost matlab,[MATLAB毕业设计] 求大神讲解RankBoost源码中的一个function
毕设最后一步，要把这个源码跑通，并且套用自己的数据，求大神指导。贴上这个function的代码，后面有些注释是我加的，不知道对不对%这个.m文件应该算是RankBoost算法的主文件，通过调用其他六个function文件，完成Ra...
JavaScript

87,904

社区成员

224,614

社区内容

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

加载中

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

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

+ 用AI写文章