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

原创 2007年09月17日 15:44:00

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

 

相关文章推荐

ExtJs表格控件(三)----单元格编辑与提交修改

ExtJs的EditorGrid控件提供了动态修改某个单元格的方法,首先如果要使用编辑插件,首先必须要在需要的列上添加editor属性,只有添加了editor属性的列才可以被编辑,否则无法编辑。同时我...

表格单元格内嵌IP地址输入选择控件

public class TestZuhe {     private final JButton addBtn = new JButton("增加(A)");     private fi...
  • ccren
  • ccren
  • 2014年08月16日 00:10
  • 505

DevExpress控件-GridControl单元格颜色控制

单元格样式改变 [csharp] view plain copy   private void Gvw_dataList_CustomDrawCell(o...
  • singgel
  • singgel
  • 2017年04月25日 10:15
  • 702

Infragistics控件对UltraWebGrid单元格编辑进行控制及样式设置

//代码出自:文山综合管理平台--绩效考核--员工考核--员工岗位价值系数评定//页面:jx.web/JxEmployee/JxYgjzxsList.aspx...

jquery.table.rowspan.js 表格自动合并单元格插件

日常开发中,经常遇到表格里需要自动合并单元格,考虑到写服务器控件比较消耗性能,因些还是把这种工作交给客户端Javascript去做吧,基于习惯用jquery框架,所以封装了一个Jquery插件。 1....
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:精确控制表格单元格中的控件
举报原因:
原因补充:

(最多只允许输入30个字)