谁能帮我添加一个js啊？关于全选的问题

<table class="list" id="Table2" cellSpacing="1" align="center" border="0">
<tr>
<th width="5%">
<input id="Repeater1__ctl0_cb_SelectCancel" type="checkbox" name="Repeater1:_ctl0:cb_SelectCancel" onclick="func1()"/>全选</th>
<th width="20%">
id</th>
<th width="20%">
pid</th>
<th width="15%">
name</th>
</tr>
<tr align="center">
<td width="5%" align="center" valign="middle">
<div align="center">
<input id="Repeater1__ctl1_cb_Id" type="checkbox" name="Repeater1:_ctl1:cb_Id" onclick="func2(this)" />
</div>
</td>
<td width="20%" align="center" valign="middle">
1
</td>
<td width="20%" align="center" valign="middle">
0
</td>
<td width="15%" align="center" valign="middle">
首页
</td>
</tr>
<tr align="center">
<td width="5%" align="center" valign="middle">
<div align="center">
<input id="Repeater1__ctl2_cb_Id" type="checkbox" name="Repeater1:_ctl2:cb_Id" onclick="func2(this)"/>
</div>
</td>
<td width="20%" align="center" valign="middle">
2
</td>
<td width="20%" align="center" valign="middle">
0
</td>
<td width="15%" align="center" valign="middle">
公司介绍
</td>
</tr>
<tr align="center">
<td width="5%" align="center" valign="middle">
<div align="center">
<input id="Repeater1__ctl3_cb_Id" type="checkbox" name="Repeater1:_ctl3:cb_Id" onclick="func2(this)"/>
</div>
</td>
<td width="20%" align="center" valign="middle">
3
</td>
<td width="20%" align="center" valign="middle">
0
</td>
<td width="15%" align="center" valign="middle">
产品
</td>
</tr>
</table>function func1(){
var a=document.getElementsByTagName("input");
for(var i=0;i<a.length;i++){
   if(a[i].type == "checkbox"){
        a[i].checked=true
      
   }
}
}
function func2(a){var a=document.getElementsByTagName("input");
for(var i=0;i<a.length;i++){
   if(a[i].type == "checkbox"){        a[i].checked=false
//document.getElementById().checked=false
      
   }
}
}

解决方案 »

  1.   

    这是第2种效果 你看看你要那种function func1(){
    var a=document.getElementsByTagName("input");
    for(var i=0;i<a.length;i++){
       if(a[i].type == "checkbox"){
            a[i].checked=true
          
       }
    }
    }
    function func2(b){var a=document.getElementsByTagName("input");
    for(var i=0;i<a.length;i++){
       if(a[i].type == "checkbox"){        a[i].checked=false
    //document.getElementById().checked=false
          
       }
    }
    b.checked=true;
    } <table class="list" id="Table2" cellSpacing="1" align="center" border="0">
    <tr>
    <th width="5%">
    <input id="Repeater1__ctl0_cb_SelectCancel" type="checkbox" name="Repeater1:_ctl0:cb_SelectCancel" onclick="func1()"/>全选</th>
    <th width="20%">
    id</th>
    <th width="20%">
    pid</th>
    <th width="15%">
    name</th>
    </tr>
    <tr align="center">
    <td width="5%" align="center" valign="middle">
    <div align="center">
    <input id="Repeater1__ctl1_cb_Id" type="checkbox" name="Repeater1:_ctl1:cb_Id" onclick="func2(this)" />
    </div>
    </td>
    <td width="20%" align="center" valign="middle">
    1
    </td>
    <td width="20%" align="center" valign="middle">
    0
    </td>
    <td width="15%" align="center" valign="middle">
    首页
    </td>
    </tr>
    <tr align="center">
    <td width="5%" align="center" valign="middle">
    <div align="center">
    <input id="Repeater1__ctl2_cb_Id" type="checkbox" name="Repeater1:_ctl2:cb_Id" onclick="func2(this)"/>
    </div>
    </td>
    <td width="20%" align="center" valign="middle">
    2
    </td>
    <td width="20%" align="center" valign="middle">
    0
    </td>
    <td width="15%" align="center" valign="middle">
    公司介绍
    </td>
    </tr>
    <tr align="center">
    <td width="5%" align="center" valign="middle">
    <div align="center">
    <input id="Repeater1__ctl3_cb_Id" type="checkbox" name="Repeater1:_ctl3:cb_Id" onclick="func2(this)"/>
    </div>
    </td>
    <td width="20%" align="center" valign="middle">
    3
    </td>
    <td width="20%" align="center" valign="middle">
    0
    </td>
    <td width="15%" align="center" valign="middle">
    产品
    </td>
    </tr>
    </table>
      

  2.   

    <HTML>
    <HEAD>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <style>
    TD { FONT-SIZE: 12px}
    TABLE.List { 
    border:0px;
    width:98%;
    padding:4px;
    background-color:#ffffff;
    }
    TABLE.List TH
    {
    height: 24px;
    background-color:#799ae1;
    font-size: 12px;
    color: #ffffff;
    }
    TABLE.List TD 
    {
    padding-left:5px;
    line-height: 20px;
    background-color:#d6dff7;
    font-size: 12px;
    }
    </style>
    <script>
    function checkAll()
    {
    var checks = document.getElementsByTagName("input");
    for(var i=0;i<checks.length;i++)
    {
    if(checks[i].type=="checkbox")
    {
    checks[i].checked=true;
    }
    }
    }
    function notAll(obj)
    {
    if(obj.checked==false)
    {
    document.getElementById("Repeater1__ctl0_cb_SelectCancel").checked=false;
    //obj.checked=false;
    }
    else
    {
    //obj.checked=true
    }
    }
    </script>
    </HEAD>
    <body>
    <table class="list" id="Table2" cellSpacing="1" align="center" border="0">
    <tr>
    <th width="5%">
    <input id="Repeater1__ctl0_cb_SelectCancel" type="checkbox" name="Repeater1:_ctl0:cb_SelectCancel" onclick="checkAll()"/>全选</th>
    <th width="20%">
    id</th>
    <th width="20%">
    pid</th>
    <th width="15%">
    name</th>
    </tr>
    <tr align="center">
    <td width="5%" align="center" valign="middle">
    <div align="center">
    <input id="Repeater1__ctl1_cb_Id" type="checkbox" name="Repeater1:_ctl1:cb_Id" onclick="notAll(this)"/>
    </div>
    </td>
    <td width="20%" align="center" valign="middle">
    1
    </td>
    <td width="20%" align="center" valign="middle">
    0
    </td>
    <td width="15%" align="center" valign="middle">
    首页
    </td>
    </tr>
    <tr align="center">
    <td width="5%" align="center" valign="middle">
    <div align="center">
    <input id="Repeater1__ctl2_cb_Id" type="checkbox" name="Repeater1:_ctl2:cb_Id" onclick="notAll(this)" />
    </div>
    </td>
    <td width="20%" align="center" valign="middle">
    2
    </td>
    <td width="20%" align="center" valign="middle">
    0
    </td>
    <td width="15%" align="center" valign="middle">
    公司介绍
    </td>
    </tr>
    <tr align="center">
    <td width="5%" align="center" valign="middle">
    <div align="center">
    <input id="Repeater1__ctl3_cb_Id" type="checkbox" name="Repeater1:_ctl3:cb_Id" onclick="notAll(this)" />
    </div>
    </td>
    <td width="20%" align="center" valign="middle">
    3
    </td>
    <td width="20%" align="center" valign="middle">
    0
    </td>
    <td width="15%" align="center" valign="middle">
    产品
    </td>
    </tr>
    </table>
    </body>
    </HTML>
      

  3.   

    function func1(){
    var a=document.getElementsByTagName("input");
    for(var i=0;i<a.length;i++){
       if(a[i].type == "checkbox"){
           if(a[i].id.length <7){
            a[i].checked=true
    }
          
       }
    }
    }
    function func2(b){
    var falg="false1"
    var a=document.getElementsByTagName("input");
    for(var i=0;i<a.length;i++){
       if(a[i].type == "checkbox"){
           if(a[i].id.length <7){ if(a[i] !=b){
                if(a[i].checked == false){     falg="true1"
        }
    }
    }
    //document.getElementById().checked=false
          
       }
    }if( falg=="false1"){   for(var i=0;i<a.length;i++){
          if(a[i].type == "checkbox"){
              if(a[i].id.length <7){
                  if(a[i].checked==true){
              a[i].checked=false
          }
       }
    //document.getElementById().checked=false
          
          }
       }
    b.checked=true;}}
    <table class="list" id="Table2" cellSpacing="1" align="center" border="0">
    <tr>
    <th width="5%">
    <input id="Repeater1__ctl0_cb_SelectCancel" type="checkbox" name="allcheck" onclick="func1()"/>全选</th>
    <th width="20%">
    id</th>
    <th width="20%">
    pid</th>
    <th width="15%">
    name</th>
    </tr>
    <tr align="center">
    <td width="5%" align="center" valign="middle">
    <div align="center">
    <input id="check1" type="checkbox" name="Repeater1:_ctl1:cb_Id" onclick="func2(this)" />
    </div>
    </td>
    <td width="20%" align="center" valign="middle">
    1
    </td>
    <td width="20%" align="center" valign="middle">
    0
    </td>
    <td width="15%" align="center" valign="middle">
    首页
    </td>
    </tr>
    <tr align="center">
    <td width="5%" align="center" valign="middle">
    <div align="center">
    <input id="check2" type="checkbox" name="Repeater1:_ctl2:cb_Id" onclick="func2(this)"/>
    </div>
    </td>
    <td width="20%" align="center" valign="middle">
    2
    </td>
    <td width="20%" align="center" valign="middle">
    0
    </td>
    <td width="15%" align="center" valign="middle">
    公司介绍
    </td>
    </tr>
    <tr align="center">
    <td width="5%" align="center" valign="middle">
    <div align="center">
    <input id="check3" type="checkbox" name="Repeater1:_ctl3:cb_Id" onclick="func2(this)"/>
    </div>
    </td>
    <td width="20%" align="center" valign="middle">
    3
    </td>
    <td width="20%" align="center" valign="middle">
    0
    </td>
    <td width="15%" align="center" valign="middle">
    产品
    </td>
    </tr>
    </table>
      

  4.   

    function func1(){
    var a=document.getElementsByTagName("input");
    for(var i=0;i<a.length;i++){
       if(a[i].type == "checkbox"){
           if(a[i].id.length <7){
            a[i].checked=true a[i].parentElement.parentElement.parentElement.style.backgroundColor="A4B6D7"; }
          
       }
    }
    }
    function func2(b){
    var falg="false1"
    var a=document.getElementsByTagName("input");
    for(var i=0;i<a.length;i++){
       if(a[i].type == "checkbox"){
           if(a[i].id.length <7){
           if(a[i] !=b){
                if(a[i].checked == false){     falg="true1"
        }
    }
    }
    //document.getElementById().checked=false
          
       }
    }if( falg=="false1"){   for(var i=0;i<a.length;i++){
          if(a[i].type == "checkbox"){
              if(a[i].id.length <7){
                  if(a[i].checked==true){
              a[i].checked=false
      a[i].parentElement.parentElement.parentElement.style.backgroundColor="ffffff";
          }
       }
    //document.getElementById().checked=false
          
          }
       }
    b.checked=true;
    b.parentElement.parentElement.parentElement.style.backgroundColor="A4B6D7";
    }
    if(b.checked == true){
    b.parentElement.parentElement.parentElement.style.backgroundColor="A4B6D7";
    }
    }
      

  5.   

    parentElement好象不能在FF里用吧，我用的parentNode，
    我这里也有一个贴下：
    /*****************************************************************
    检查全选，并将值赋给一个文本框
    参数： c 全选checkbox的名称
    t 要显示选中的checkbox值的地方
    o 控制的checkbox的名称
    ******************************************************************/
    function chkbxSA(c,t,o){
    var a=document.getElementsByName(o);
    var b=document.getElementById(t);
    var c=document.getElementById(c);
    var e=new Array();
    var br=checkBrowser();
    for (var i=0;i<a.length;i++){
    a[i].checked=c.checked;
    e[i]=a[i].value;
    if (c.checked)
    {
    try
    {
    a[i].parentNode.parentNode.className="trmouseclick";
    }
    catch(e){}
    }
    else
    {
    try
    {
    a[i].parentNode.parentNode.className="";
    }
    catch(e){}
    }
    }
    if(b)b.value=(c.checked)?e.join(","):"";
    }
      

  6.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    <script language="javascript">
    var a=1;
    var b=2;
    var number = Math.random();
    alert(number);function randomvalue(low, high) {alert(Math.floor(Math.random() * (1 + high - low) + low));
    document.getElementById("lick1").style.display="none";}
    function func1(){
    var a=document.getElementsByTagName("input");
    for(var i=0;i<a.length;i++){
       if(a[i].type == "checkbox"){
           if(a[i].id.length <7){
            a[i].checked=true a[i].parentElement.parentElement.parentElement.style.backgroundColor="A4B6D7"; }
          
       }
    }
    }
    function func2(b){
    var falg="false1"
    var a=document.getElementsByTagName("input");
    for(var i=0;i<a.length;i++){
       if(a[i].type == "checkbox"){
           if(a[i].id.length <7){
           if(a[i] !=b){
                if(a[i].checked == false){     falg="true1"
        }
    }
    }
    //document.getElementById().checked=false
          
       }
    }if( falg=="false1"){   for(var i=0;i<a.length;i++){
          if(a[i].type == "checkbox"){
              if(a[i].id.length <7){
                  if(a[i].checked==true){
              a[i].checked=false
      a[i].parentElement.parentElement.parentElement.style.backgroundColor="ffffff";
          }
       }
    //document.getElementById().checked=false
          
          }
       }
    b.checked=true;
    b.parentElement.parentElement.parentElement.style.backgroundColor="A4B6D7";
    }
    if(b.checked == true){
    b.parentElement.parentElement.parentElement.style.backgroundColor="A4B6D7";
    }
    }
    function AddNewTr(){
    alert("123");
    alert(document.getElementById("table1"))
    var tr=document.getElementById("table1").insertRow();
    tr.insertCell().innerText="一二一"; 
    tr.insertCell().innerText="二三二"; 
    tr.cells[1].colspan = 3;
    tr.cells[1].innerHTML = "填充";
    } var  s = "";
    s += "\r\n网页可见区域宽："+ document.body.clientWidth;
    s += "\r\n网页可见区域高："+ document.body.clientHeight;
    s += "\r\n网页可见区域宽："+ document.body.offsetWidth  +" (包括边线和滚动条的宽)";
    s += "\r\n网页可见区域高："+ document.body.offsetHeight +" (包括边线的宽)";
    s += "\r\n网页正文全文宽："+ document.body.scrollWidth;
    s += "\r\n网页正文全文高："+ document.body.scrollHeight;
    s += "\r\n网页被卷去的高："+ document.body.scrollTop;
    s += "\r\n网页被卷去的左："+ document.body.scrollLeft;
    s += "\r\n网页正文部分上："+ window.screenTop;
    s += "\r\n网页正文部分左："+ window.screenLeft;
    s += "\r\n屏幕分辨率的高："+ window.screen.height;
    s += "\r\n屏幕分辨率的宽："+ window.screen.width;
    s += "\r\n屏幕可用工作区高度："+ window.screen.availHeight;
    s += "\r\n屏幕可用工作区宽度："+ window.screen.availWidth;
    s += "\r\n你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色";
    s += "\r\n你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸";
    //alert(s);
    function func4(){
    }
    var  oPopup = window.createPopup();
    </script>
    </HEAD><BODY>
    <A HREF="nextpage.htm" id="lick1">Click here</A>
    <input type="button" value="123" onclick="randomvalue(2,10)"> <table class="list" id="Table2" cellSpacing="1" align="center" border="0">
    <tr>
    <th width="5%">
    <input id="Repeater1__ctl0_cb_SelectCancel" type="checkbox" name="allcheck" onclick="func1()"/>全选</th>
    <th width="20%">
    id</th>
    <th width="20%">
    pid</th>
    <th width="15%">
    name</th>
    </tr>
    <tr align="center" id="tr1">
    <td width="5%" align="center" valign="middle" id="td1">
    <div align="center">
    <input id="check1" type="checkbox" name="Repeater1:_ctl1:cb_Id" onclick="func2(this)" />
    </div>
    </td>
    <td width="20%" align="center" valign="middle">
    1
    </td>
    <td width="20%" align="center" valign="middle">
    0
    </td>
    <td width="15%" align="center" valign="middle">
    首页
    </td>
    </tr>
    <tr align="center" id="tr2">
    <td width="5%" align="center" valign="middle" id="td2">
    <div align="center">
    <input id="check2" type="checkbox" name="Repeater1:_ctl2:cb_Id" onclick="func2(this)"/>
    </div>
    </td>
    <td width="20%" align="center" valign="middle">
    2
    </td>
    <td width="20%" align="center" valign="middle">
    0
    </td>
    <td width="15%" align="center" valign="middle">
    公司介绍
    </td>
    </tr>
    <tr align="center" id="tr3">
    <td width="5%" align="center" valign="middle" id="td3">
    <div align="center">
    <input id="check3" type="checkbox" name="Repeater1:_ctl3:cb_Id" onclick="func2(this)"/>
    </div>
    </td>
    <td width="20%" align="center" valign="middle">
    3
    </td>
    <td width="20%" align="center" valign="middle">
    0
    </td>
    <td width="15%" align="center" valign="middle">
    产品
    </td>
    </tr>
    </table>
    <table id="table1" name="table1">
    </table>
    <input type="button" value="addtable" onclick="AddNewTr()"></BODY>
    </HTML>
    上面是一个完整的页面，你全拷过去试试，我这可以