javascript 控制两个表格的问题,

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="JavaScript">
<!--
function chkClk(obj){
    var bVal = obj.checked;
    var row = obj.parentNode.parentNode;
    var rowindex = row.rowIndex;
    var len = row.cells.length;
    for(var i=1;i<len;i++)
        row.cells[i].childNodes[0].disabled = !bVal;
    row = document.getElementById("tbFollow").rows[rowindex];
    len = row.cells.length;
    for(var i=0;i<len;i++)
        row.cells[i].childNodes[0].disabled = !bVal;
}
//-->
</script>
</head><body>
<table width="350" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td><table width="350" border="1" cellspacing="0" cellpadding="0">
      <tr>
        <td><input type="checkbox" onclick="chkClk(this)"/></td>
        <td><input type="text" disabled/></td>
        <td><input type="text" disabled/></td>
      </tr>
      <tr>
        <td><input type="checkbox" onclick="chkClk(this)"/></td>
        <td><input type="text" disabled/></td>
        <td><input type="text" disabled/></td>
      </tr>
      <tr>
        <td><input type="checkbox" onclick="chkClk(this)"/></td>
        <td><input type="text" disabled/></td>
        <td><input type="text" disabled/></td>
      </tr>
    </table></td>
    <td><table id="tbFollow" width="350" border="1" cellspacing="0" cellpadding="0">
      <tr>
        <td><input type="text" disabled/></td>
        <td><input type="text" disabled/></td>
        </tr>
      <tr>
        <td><input type="text" disabled/></td>
        <td><input type="text" disabled/></td>
        </tr>
      <tr>
        <td><input type="text" disabled/></td>
        <td><input type="text" disabled/></td>
        </tr>
    </table></td>
  </tr>
</table></body>
</html>
关于日期的常见操作
http://community.csdn.net//Expert/TopicView2.asp?id=4360247&datebasetype=now
js FAQ贴
http://community.csdn.net//Expert/TopicView2.asp?id=4356360&datebasetype=now
DHTML手册,js手册,dom手册下载
http://community.csdn.net//Expert/TopicView2.asp?id=4356325&datebasetype=now

解决方案 »

  1.   

    不太明白你的意思,post your html code as well
      

  2.   

    <!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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <script language="JavaScript">
    function test(i) {
    var frm = i.form;
    var s;
    if (i.checked == true) {
    s = false;
    } else {
    s = true;
    }
    for (var a = 0;a < frm.length;a++) {
    if (frm[a].type == "textarea") {
    frm[a].disabled = s;
    }
    }
    }
    </script>
    <title>无标题文档</title>
    </head><body>
    <form id="form1" name="form1" method="post" action="">
      <input type="checkbox" name="rb" value="1" onClick="test(this)" />
      <textarea name="textarea"></textarea>
      <textarea name="textarea2"></textarea>
    </form>
    </body>
    </html>
      

  3.   

    这个也参考一下吧：
    <table id="table1" border="1" align="left">
    <tbody>
    <tr>
    <td><input type="checkbox" onclick="checkipt(this.parentElement.parentElement);checkipt(table2.rows[this.parentElement.parentElement.rowIndex]);"></td>
    <td><input type="text" disabled></td>
    <td><input type="text" disabled></td>
    </tr>
    <tr>
    <td><input type="checkbox" onclick="checkipt(this.parentElement.parentElement);checkipt(table2.rows[this.parentElement.parentElement.rowIndex]);"></td>
    <td><input type="text" disabled></td>
    <td><input type="text" disabled></td>
    </tr>
    </tbody>
    </table>
    <table id="table2" border="1" align="center">
    <tr>
    <td><input type="text" disabled></td>
    <td><input type="text" disabled></td>
    </tr>
    <tr>
    <td><input type="text" disabled></td>
    <td><input type="text" disabled></td>
    </tr>
    </table><script language="javascript">
    function checkipt(src){
    var i = src.rowIndex;
    var cobj = src.cells;
    for(var b=0;b<cobj.length;b++){
    var chd = cobj[b].children;
    for(var c=0;c<chd.length;c++){
    if(chd[c].tagName=="INPUT" && chd[c].type=="text"){
    var od = chd[c].disabled;
    chd[c].disabled = !od;
    }
    }
    }
    }
    </script>