关闭

精确控制表格单元格中的控件

标签: inputgeneratorxhtmlhtmltableborder
561人阅读 评论(0) 收藏 举报

<!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 name="generator" content=
        "HTML Tidy, see www.w3.org" />
        <meta http-equiv="Content-Type" content=
        "text/html; charset=gb2312" />

        <title>测试</title>
 <script>
  function   Change()
  {  
  var   o   =   event.srcElement;    
  if(o.type ==   "radio")  
  {  
  o.parentElement.parentElement.cells[1].children[0].checked   =   !o.parentElement.parentElement.cells[1].children[0].checked;
  }

  }  
  </script>  
    </head>

    <body>
     <form name="UserForm">
     <TABLE   id="Table1"   height="99"   cellSpacing="1"   cellPadding="1"   width="536"   border="1" >
  <TR>  
  <TD   width="54"><INPUT   id="Checkbox1"   type="radio"   name="Checkbox1"   onclick="Change();"></TD>  
  <TD>
    <input   id="Checkbox12"   type="checkbox"   name="Checkbox1"   onclick="Change();" />
  </TD>  
  </TR>  
  <TR>  
  <TD   width="54"><INPUT   id="Checkbox2"   type="radio"   name="Checkbox1"   onclick="Change();"></TD>  
  <TD>
    <input   id="Checkbox13"   type="checkbox"   name="Checkbox13"   onclick="Change();" />
  </TD>  
  </TR>  
  <TR>  
  <TD   width="54"><INPUT   id="Checkbox3"   type="radio"   name="Checkbox1"   onclick="Change();"></TD>
  <TD>
    <input   id="Checkbox14"   type="checkbox"   name="Checkbox14"   onclick="Change();" />
  </TD>  
  </TR>  
  <TR>  
  <TD   width="54"><INPUT   id="Checkbox4"   type="radio"   name="Checkbox1"    onclick="Change();"></TD>  
  <TD>
    <input   id="Checkbox15"   type="checkbox"   name="Checkbox15"   onclick="Change();" />
  </TD>  
  </TR>  
  </TABLE>  
 
     </form>
    </body>
</html>

 

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:31726次
    • 积分:571
    • 等级:
    • 排名:千里之外
    • 原创:16篇
    • 转载:14篇
    • 译文:0篇
    • 评论:51条
    文章分类
    最新评论