A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 火麒麟 中级黑马   /  2013-10-12 11:20  /  1166 人查看  /  9 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

<%@ 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>
        <!--
        <link rel="stylesheet" type="text/css" href="styles.css">
        -->

  </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>



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

评分

参与人数 1技术分 +1 收起 理由
李江 + 1

查看全部评分

9 个回复

倒序浏览
全选<input type="checkbox" onclick="allCheck()" name="allMail"><br><br><br> 你这句话的name属性值是allMail和  var allEmail = document.getElementsByName("allEmail")[0]指定的name值是allEmail,两个不相同,应该改成想通同的即可。

评分

参与人数 1技术分 +1 收起 理由
乔兵 + 1

查看全部评分

回复 使用道具 举报
  1. var allEmail = document.getElementsByName("allMail")[0];
复制代码
粗心了吧~跟我一样~
回复 使用道具 举报
这两行的代码的name不一致导致的错误,一个是allMail,一个是allEmail。

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

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

评分

参与人数 1技术分 +1 收起 理由
乔兵 + 1

查看全部评分

回复 使用道具 举报
本帖最后由 hello菜菜 于 2013-10-12 17:14 编辑

这个js问题,多多看看老师讲的视频就是!
回复 使用道具 举报
版主,为这个题,我自己花了1个多小时,来运行这个程序,终于找出问题了,求版主给力,技术分啊
回复 使用道具 举报
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>
        <!--
        <link rel="stylesheet" type="text/css" href="styles.css">
        -->

  </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 20:26 编辑
dolphin 发表于 2013-10-12 17:16
版主,为这个题,我自己花了1个多小时,来运行这个程序,终于找出问题了,求版主给力,技术分啊 ...

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


可以了,myEclipse 除了问题
回复 使用道具 举报
bird_not_fat 发表于 2013-10-12 14:12
粗心了吧~跟我一样~

改成一样也不行,你在试试
回复 使用道具 举报
火麒麟 发表于 2013-10-13 18:39
name改成一样了,也不行,你试试

你的程序我copy过来的,整出来了,你再看看!
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马