黑马程序员技术交流社区

标题: js学习 [打印本页]

作者: 火麒麟 时间: 2013-10-12 11:20
标题: js学习
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
<script type="text/javascript">
function allCheck(){

var allEmail = document.getElementsByName("allEmail")[0];

var emails = document.getElementsByName("email");

if(allEmail.checked){

for(var i=0;i<emails.length;i++){
emails[i].checked = true;
}
}
else{

for(var i=0;i<emails.length;i++){
emails[i].checked = false;
}
}
}
</script>


  </head>

  <body>
<center>
<form>
   全选<input type="checkbox" onclick="allCheck()" name="allMail"><br><br><br>

<input type="checkbox" name="email"><br>
   <input type="checkbox" name="email"><br>
   <input type="checkbox" name="email"><br>
   <input type="checkbox" name="email"><br>
</form>
</center>
  </body>
</html>

//想单机全选，下边的几个复选框也跟着选中，不知哪错了，求大神修改

作者: loading……99.9 时间: 2013-10-12 12:54
全选<input type="checkbox" onclick="allCheck()" name="allMail"><br><br><br> 你这句话的name属性值是allMail和 var allEmail = document.getElementsByName("allEmail")[0]指定的name值是allEmail，两个不相同，应该改成想通同的即可。

作者: bird_not_fat 时间: 2013-10-12 14:12

var allEmail = document.getElementsByName("allMail")[0];

复制代码

粗心了吧~跟我一样~

作者: dolphin 时间: 2013-10-12 16:14
这两行的代码的name不一致导致的错误，一个是allMail，一个是allEmail。

<input type="checkbox" onclick="allCheck()" name="allMail">
var allEmail = document.getElementsByName("allEmail")[0];

版主，看见的话，新人求技术分啊

作者: hello菜菜 时间: 2013-10-12 17:13
本帖最后由 hello菜菜于 2013-10-12 17:14 编辑

这个js问题，多多看看老师讲的视频就是！

作者: dolphin 时间: 2013-10-12 17:16
版主，为这个题，我自己花了1个多小时，来运行这个程序，终于找出问题了，求版主给力，技术分啊

作者: 火麒麟 时间: 2013-10-13 18:39

dolphin 发表于 2013-10-12 17:16
版主，为这个题，我自己花了1个多小时，来运行这个程序，终于找出问题了，求版主给力，技术分啊 ...

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
<script type="text/javascript">
function allCheck(){

var allEmail = document.getElementsByName("allEmail")[0];

var emails = document.getElementsByName("email");

if(allEmail.checked){

for(var i=0;i<emails.length;i++){
emails.checked = true;
}
}
else{

for(var i=0;i<emails.length;i++){
emails.checked = false;
}
}
}
</script>


  </head>

  <body>
<center>
<form>
   全选<input type="checkbox" onclick="allCheck()" name="allEmail"><br><br><br>

<input type="checkbox" name="email"><br>
   <input type="checkbox" name="email"><br>
   <input type="checkbox" name="email"><br>
   <input type="checkbox" name="email"><br>
</form>
</center>
  </body>
</html>
作者: 火麒麟 时间: 2013-10-13 18:39
本帖最后由火麒麟于 2013-10-13 20:26 编辑

dolphin 发表于 2013-10-12 17:16
版主，为这个题，我自己花了1个多小时，来运行这个程序，终于找出问题了，求版主给力，技术分啊 ...

name改成一样了，也不行，你试试

可以了，myEclipse 除了问题

作者: 火麒麟 时间: 2013-10-13 18:40

bird_not_fat 发表于 2013-10-12 14:12
粗心了吧~跟我一样~

改成一样也不行，你在试试
作者: dolphin 时间: 2013-10-14 20:34

火麒麟发表于 2013-10-13 18:39
name改成一样了，也不行，你试试

你的程序我copy过来的，整出来了，你再看看！

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2