开启辅助访问切换到宽版

»论坛 › 网站开发区 › 前端技术专栏 › 分类不能全选，FF中出现兼容问题~现在是js在ie6中不能外 ...

发新帖

查看: 1656|回复: 3

分类不能全选，FF中出现兼容问题~现在是js在ie6中不能外链~求解··

发表于 2010-7-19 16:59:03 | 显示全部楼层 |阅读模式

好不容易才写出一个来，结果在IE中正常，但在FF中全靠无效~~求解~~是不是JS有什么问题？郁闷啊

晕了，大哥啊，我把这个JS放到外部在IE6怎么就不行了呢？在IE6里JS放在HTML里就可以，但放到外部文件就不行了~~~求解！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" id="html">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> 00000 </title>

<script type="text/javascript">
function selectall()
{	
	
	if(document.getElementById("searchform").elements[2].checked==true)
	{
		for(i=3;i<29;i++)
		{
			document.getElementById("searchform").elements[i].checked=true;//子类全选
		}
	}
	else 
	{
		for(i=3;i<29;i++)
		{
			document.getElementById("searchform").elements[i].checked=false;//子类全不选
		}
	}
	
}
function selectparent()
{
	
	
		
		if(document.getElementById("searchform").elements[3].checked==true)
		{	
			
			for(i=8;i<10;i++)
			{
				document.getElementById("searchform").elements[i].checked=true;//
			}
				
			
		}
		else 
		{
			for(i=8;i<10;i++)
			{
				document.getElementById("searchform").elements[i].checked=false;//
			}
		}
		if(document.getElementById("searchform").elements[4].checked==true)
		{	
			for(i=10;i<14;i++)
			{
				document.getElementById("searchform").elements[i].checked=true;//
			}
		}
		else 
		{
			for(i=10;i<14;i++)
			{
				document.getElementById("searchform").elements[i].checked=false;//
			}
			
		}
		if(document.getElementById("searchform").elements[5].checked==true)
		{	
			for(i=14;i<18;i++)
			{
				document.getElementById("searchform").elements[i].checked=true;//
			}
		}
		else 
		{
			for(i=14;i<18;i++)
			{
				document.getElementById("searchform").elements[i].checked=false;//
			}
			
		}
		if(document.getElementById("searchform").elements[6].checked==true)
		{	
			for(i=18;i<22;i++)
			{
				document.getElementById("searchform").elements[i].checked=true;//
			}
		}
		else 
		{
			for(i=18;i<22;i++)
			{
				document.getElementById("searchform").elements[i].checked=false;//
			}
			
		}
		if(document.getElementById("searchform").elements[7].checked==true)
		{	
			for(i=22;i<29;i++)
			{
				document.getElementById("searchform").elements[i].checked=true;//
			}
		}
		else 
		{
			for(i=22;i<29;i++)
			{
				document.getElementById("searchform").elements[i].checked=false;//
			}
			
		}
		
		if(document.getElementById("searchform").elements[3].checked&&document.getElementById("searchform").elements[4].checked&&document.getElementById("searchform").elements[5].checked&&document.getElementById("searchform").elements[6].checked&&document.getElementById("searchform").elements[7].checked)
		{	
			document.getElementById("searchform").elements[2].checked=true;
		}
		else
		{
			document.getElementById("searchform").elements[2].checked=false;
		}
	
}

function selectchild1()//
{	
	
	if(document.getElementById("searchform").elements[8].checked&&document.getElementById("searchform").elements[9].checked)
		{	
			document.getElementById("searchform").elements[3].checked=true;
		}
		else
		{
			document.getElementById("searchform").elements[3].checked=false;
		}
	if(document.getElementById("searchform").elements[3].checked&&document.getElementById("searchform").elements[4].checked&&document.getElementById("searchform").elements[5].checked&&document.getElementById("searchform").elements[6].checked&&document.getElementById("searchform").elements[7].checked)
		{	
			document.getElementById("searchform").elements[2].checked=true;
		}
		else
		{
			document.getElementById("searchform").elements[2].checked=false;
		}
	
}
function selectchild2()//
{	
	
	if(document.getElementById("searchform").elements[11].checked&&document.getElementById("searchform").elements[12].checked&&document.getElementById("searchform").elements[10].checked&&document.getElementById("searchform").elements[13].checked)
		{	
			document.getElementById("searchform").elements[4].checked=true;
		}
		else
		{
			document.getElementById("searchform").elements[4].checked=false;
		}
if(document.getElementById("searchform").elements[3].checked&&document.getElementById("searchform").elements[4].checked&&document.getElementById("searchform").elements[5].checked&&document.getElementById("searchform").elements[6].checked&&document.getElementById("searchform").elements[7].checked)
		{	
			document.getElementById("searchform").elements[2].checked=true;
		}
		else
		{
			document.getElementById("searchform").elements[2].checked=false;
		}
	}
function selectchild3()//
{	
	
	if(document.getElementById("searchform").elements[17].checked&&document.getElementById("searchform").elements[14].checked&&document.getElementById("searchform").elements[15].checked&&document.getElementById("searchform").elements[16].checked)
		{	
			document.getElementById("searchform").elements[5].checked=true;
		}
		else
		{
			document.getElementById("searchform").elements[5].checked=false;
		}
if(document.getElementById("searchform").elements[3].checked&&document.getElementById("searchform").elements[4].checked&&document.getElementById("searchform").elements[5].checked&&document.getElementById("searchform").elements[6].checked&&document.getElementById("searchform").elements[7].checked)
		{	
			document.getElementById("searchform").elements[2].checked=true;
		}
		else
		{
			document.getElementById("searchform").elements[2].checked=false;
		}
	}
function selectchild4()//
{	
	
	if(document.getElementById("searchform").elements[21].checked&&document.getElementById("searchform").elements[18].checked&&document.getElementById("searchform").elements[19].checked&&document.getElementById("searchform").elements[20].checked)
		{	
			document.getElementById("searchform").elements[6].checked=true;
		}
		else
		{
			document.getElementById("searchform").elements[6].checked=false;
		}
if(document.getElementById("searchform").elements[3].checked&&document.getElementById("searchform").elements[4].checked&&document.getElementById("searchform").elements[5].checked&&document.getElementById("searchform").elements[6].checked&&document.getElementById("searchform").elements[7].checked)
		{	
			document.getElementById("searchform").elements[2].checked=true;
		}
		else
		{
			document.getElementById("searchform").elements[2].checked=false;
		}
	}
function selectchild5()//
{	
	
	if(document.getElementById("searchform").elements[25].checked&&document.getElementById("searchform").elements[22].checked&&document.getElementById("searchform").elements[23].checked&&document.getElementById("searchform").elements[24].checked&&document.getElementById("searchform").elements[26].checked&&document.getElementById("searchform").elements[27].checked&&document.getElementById("searchform").elements[28].checked)
		{	
			document.getElementById("searchform").elements[7].checked=true;
		}
		else
		{
			document.getElementById("searchform").elements[7].checked=false;
		}
if(document.getElementById("searchform").elements[3].checked&&document.getElementById("searchform").elements[4].checked&&document.getElementById("searchform").elements[5].checked&&document.getElementById("searchform").elements[6].checked&&document.getElementById("searchform").elements[7].checked)
		{	
			document.getElementById("searchform").elements[2].checked=true;
		}
		else
		{
			document.getElementById("searchform").elements[2].checked=false;
		}
	}
</script>
<style type="text/css">
#menu {margin-top: 5px;}
#menu span{margin:5px;}
</style>
</head>

<body onclick="$('#menu').slideUp();">

<div id="index_center">

<div id="index-search">
    <center>
        <form id="searchform" name="form1" method="post" action="index.php?xingce-search" onsubmit="check()" >
    <div id="searcharea">
                    <input id="search-txt" name="search" type="text"/>
          <input id="search-btn" value="0000" tabindex="1" type="submit"/>
    </div>
                <div id="categorylist">
                    <span class="red" onmouseover="showxc()">+<a href="index.php?xingce" >01</a></span>

</div>

<div id="xclist" name="sort" onmouseover="showxc()" value="123">
          <table>
            <tr style=" font-size:14px;">000：
              <input type="checkbox" id="all" name="sortid[]"  value="all" onclick="selectall()"/>
              总类 </tr>
            <tr>
              <td class="listchild" style="color:#8AC5F4"><input type="checkbox" name="sortid[]" id="parent" value="" onclick="selectparent()"/>
                <a href="index.php?sort-view-3">分类1</a></td>
              <td class="listchild" style="color:#8AC5F4"><input type="checkbox" name="sortid[]" id="parent" value="" onclick="selectparent()"/>
                <a href="index.php?sort-view-4">分类2</a></td>
              <td class="listchild" style="color:#8AC5F4"><input type="checkbox" name="sortid[]" id="parent" value="" onclick="selectparent()"/>
                <a href="index.php?sort-view-5">分类3</a></td>
              <td class="listchild" style="color:#8AC5F4"><input type="checkbox" name="sortid[]" id="parent" value="" onclick="selectparent()"/>
                <a href="index.php?sort-view-6">分类4</a></td>
              <td class="listchild" style="color:#8AC5F4"><input type="checkbox" name="sortid[]" id="parent" value="" onclick="selectparent()"/>
                <a href="index.php?sort-view-7">分类5</a></td>
            </tr>
            <tr height="5px" id="123"></tr>
            <tr>
              <td class="listchild"><ul>
                <li>
                  <input type="checkbox" name="sortid[]" id="firstchild" onclick="selectchild1()" value="" />
                  <a href="index.php?sort-view-8">22</a></li>
                <li>
                  <input type="checkbox" name="sortid[]" id="firstchild" onclick="selectchild1()" value="" />
                  <a href="index.php?sort-view-9">55</a></li>
              </ul></td>
              <td class="listchild"><ul>
                <li>
                  <input type="checkbox" name="sortid[]" id="secondchild" onclick="selectchild2()" value="" />
                  <a href="index.php?sort-view-10">1</a></li>
                <li>
                  <input type="checkbox" name="sortid[]" id="secondchild" onclick="selectchild2()" value="" />
                  <a href="index.php?sort-view-11">1</a></li>
                <li>
                  <input type="checkbox" name="sortid[]" id="secondchild" onclick="selectchild2()" value="" />
                  <a href="index.php?sort-view-12">1</a></li>
                <li>
                  <input type="checkbox" name="sortid[]" id="secondchild" onclick="selectchild2()" value="" />
                  <a href="index.php?sort-view-13">11</a></li>
              </ul></td>
              <td><div>
                <input type="checkbox" name="sortid[]" id="thirdchild" onclick="selectchild3()" value="" />
                11<a href="index.php?sort-view-14"></a></div>
                <div>
                  <input type="checkbox" name="sortid[]" id="thirdchild" onclick="selectchild3()" value="" />
                  <a href="index.php?sort-view-15">11</a></div>
                <div>
                  <input type="checkbox" name="sortid[]" id="thirdchild" onclick="selectchild3()" value="" />
                  <a href="index.php?sort-view-16">11</a></div>
                <div>
                  <input type="checkbox" name="sortid[]" id="thirdchild" onclick="selectchild3()" value="" />
                  <a href="index.php?sort-view-17">11</a></div></td>
              <td class="listchild"><ul>
                <div>
                  <input type="checkbox" name="sortid[]" id="fourthchild" onclick="selectchild4()" value="" />
                  <a href="index.php?sort-view-18">2</a></div>
                <div>
                  <input type="checkbox" name="sortid[]" id="fourthchild" onclick="selectchild4()" value="" />
                  <a href="index.php?sort-view-19">2</a></div>
                <div>
                  <input type="checkbox" name="sortid[]" id="fourthchild" onclick="selectchild4()" value="" />
                  <a href="index.php?sort-view-20">2</a></div>
                <div>
                  <input type="checkbox" name="sortid[]" id="fourthchild" onclick="selectchild4()" value="" />
                  <a href="index.php?sort-view-21">2</a></div>
              </ul></td>
              <td class="listchild"><div>
                <input type="checkbox" name="sortid[]" id="fifth" onclick="selectchild5()" value="" />
                <a href="index.php?sort-view-22">1</a></div>
                <div>
                  <input type="checkbox" name="sortid[]" id="fifth" onclick="selectchild5()" value="" />
                  <a href="index.php?sort-view-23">1</a></div>
                <div>
                  <input type="checkbox" name="sortid[]" id="fifth" onclick="selectchild5()" value="" />
                  <a href="index.php?sort-view-24">1</a></div>
                <div>
                  <input type="checkbox" name="sortid[]" id="fifth" onclick="selectchild5()" value="" />
                  <a href="index.php?sort-view-25">1</a></div>
                <div>
                  <input type="checkbox" name="sortid[]" id="fifth" onclick="selectchild5()" value="" />
                  <a href="index.php?sort-view-26">1</a></div>
                <div>
                  <input type="checkbox" name="sortid[]" id="fifth" onclick="selectchild5()" value="" />
                  1<a href="index.php?sort-view-27"></a></div>
                <div>
                  <input type="checkbox" name="sortid[]" id="fifth" onclick="selectchild5()" value="" />
                  <a href="index.php?sort-view-28">1</a></div></td>
            </tr>
          </table>
        </div>
        		
	</form>
    </center>
    </div>
</div>

</body>
</html>

提示：您可以先修改部分代码再运行

[[i] 本帖最后由 sixw 于 2010-7-20 18:11 编辑 ]

回复

使用道具举报

发表于 2010-7-19 17:07:25 | 显示全部楼层

不要直接用searchform来获取表单。
改用document.getElementById("searchform")。

回复支持反对

使用道具举报

楼主| 发表于 2010-7-19 17:34:08 | 显示全部楼层

楼上正解！感谢了..

回复支持反对

使用道具举报

楼主| 发表于 2010-7-20 18:07:15 | 显示全部楼层

晕了，大哥啊，我把这个JS放到外部在IE6怎么就不行了呢？在IE6里JS放在HTML里就可以，但放到外部文件就不行了~~~求解！

回复支持反对

使用道具举报

发新帖

小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )

GMT+8, 2021-4-13 12:37 , Processed in 0.057111 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表