`

表格显示序号与设置值

阅读更多

<!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>
<script type="text/javascript" src="jquery-1.8.1.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>表格显示序号与设置值</title>
<script type="text/javascript">
 //页面加载时候调用一次
 $(document).ready(function(){
  showIndex(); //显示序号
  setValue();  //设置每行前四列值
 }); 
 //显示序号
 function showIndex(){
  $("#showIndex").click(function () {
             $("#myTable tr").each(function(i, n){
              var text = $(this).children("td:first").text(i+1);
             })
        });
 }
 //设置每行前四列值
 function setValue(){
  $("#setValue").click(function () {
             $("#myTable tr").each(function(i, n){
    $(this).children().eq(0).text("1111");
    $(this).children().eq(1).text("2222");
    $(this).children().eq(2).text("3333");
    $(this).children().eq(3).text("4444");
             })
        });
 }
</script>
</head>

<body>
<form name="test" id="test" action="">
<input type="button" name="showIndex" id="showIndex" value="显示序号" />
<input type="button" name="setValue" id="setValue" value="设置值" />
<table width="800" border="1" id="myTable">
 <tr>
    <td>11</td>
    <td>12</td>
    <td>13</td>
    <td>14</td>
    <td>15</td>
  </tr>
  <tr>
    <td>21</td>
    <td>22</td>
    <td>23</td>
    <td>24</td>
    <td>25</td>
  </tr>
  <tr>
    <td>21</td>
    <td>22</td>
    <td>23</td>
    <td>24</td>
    <td>25</td>
  </tr>
</table>
</form>
</body>
</html>

分享到:
评论

相关推荐

    程矢Axure夜话图文教程中继器表格生成序号.pdf

    - 在中继器内部,找到需要显示序号的位置,通常是在第一列。 - 添加一个矩形框(或文本框)作为序号的容器。 - 使用Axure的内置函数为该矩形框绑定数据。这里的关键在于利用中继器的默认index属性值来生成序号。 ##...

    WPS表格设置自动添加序号的步骤.docx

    在设置序号时,我们需要注意一下,观察表格自带序号与自定序号之间的差。这个差值是几就减去几。例如,如果表格自带序号是从1开始的,而我们想要自定序号从3开始,那么我们就在输入“=ROW()-2”时,减去2。 手动...

    WPS表格序号应用技巧

    - **操作步骤**:选中包含起始数字的单元格后,点击“开始”选项卡下的“编辑”组中的“填充”按钮,选择“序列”,在弹出的对话框中设置相应的序列参数,如步长值、终止值等。 - **适用场景**:适用于需要创建特定...

    Python DataFrame 设置输出不显示index(索引)值的方法

    关于Python中DataFrame对象输出时不显示索引值的方法,实际上这是一个在数据分析和处理中非常常见且实用的技术点。在Pandas库的DataFrame数据结构中,默认情况下,使用诸如to_csv()等方法导出数据时,会将DataFrame...

    xpages repeat显示序号

    "xpages repeat"显示序号是提升用户体验的一个重要方面,它可以帮助用户更好地理解和跟踪列表中的每一项。 在XPages中,`&lt;xp:repeat&gt;`标签用于遍历一个集合,如视图、文档集合或数组,并为集合中的每个元素生成相应...

    DataSet添加序号列,是显示在第一列的哦

    在本篇文章中,我们将深入探讨如何在DataSet中的表(DataTable)的第一列添加一个序号列,并确保该序号列能够正确地显示出来。这是一项在处理数据时非常实用的功能,尤其是在需要对数据进行排序或分页的情况下。接...

    abap 如何刷新序号

    在ABAP中,ALV(Application List Viewer)是用于显示表格数据的强大工具之一。在处理大量数据时,ALV提供了丰富的功能来优化数据展示,包括排序、过滤、分组等操作。其中,序号控制是ALV中的一个重要功能,特别是在...

    CCED5.0表格内数据的计算及自动增加列,行序号的方法.pdf

    ### CCED5.0表格内数据的计算及自动增加列、行序号的方法 #### 一、概述 CCED5.0是一款强大的文本编辑软件,它不仅具备基本的文字处理功能,还提供了丰富的表格数据处理能力,包括数据计算、自动增加列行序号等...

    Axure夜话之中继器系列视频教程之中继器表格生成连续序号.rar

    在本教程中,你会学习到如何在数据区域创建一个包含序号的字段,并设置初始值。 接着,你将学习如何设置中继器的事件处理,例如“OnLoad”事件,以确保在页面加载时自动为每个数据项生成序号。这通常涉及到计数器...

    GridControl增加序号

    1. **内置方式**:某些版本的DevExpress GridControl可能已经内置了添加序号的功能,例如,可以通过设置`GridView.OptionsView.ShowRowNumberColumn`属性为`true`来显示行号。但这通常是从1开始的,如果需要从0开始...

    DELPHI 表格控件DBGridEh史上最全使用资料(101页)

    - 显示序号 2. 外观布局 - 显示字段值对应的小图片 - 检查框外观 - 下拉列表显示 - 日历下拉列表 - 3D/平面外观效果 - 行头和列头的启用关闭 - 透明效果实现 - 滚动条应用 - 数据行高设置 - 单元格内容...

    Excel序号使用技巧精萃.rar

    9. **条件格式下的序号**:Excel的条件格式功能允许根据特定条件为单元格设置样式,例如,你可以为每个组的第一行设置特殊的序号样式,以突出显示分组。 10. **VBA自定义序号**:对于高级用户,可以通过编写VBA宏来...

    GridView自动序号

    -- 添加一个用于显示序号的列 --&gt; 序号" ItemStyle-HorizontalAlign="Center"&gt; &lt;!-- 计算序号,使用总行数减去当前行索引 --&gt; ((GridViewRow)Container).DataItemIndex == -1 ? "合计" : ((GridView1....

    birt分组小计和自动增加序列号实现方法

    BIRT提供了强大的数据分组功能,允许用户按照一个或多个字段对数据进行分类,以便在每个类别下显示其总计或其它聚合值。以下是一步一步的操作指南: 1. 打开BIRT报表设计视图,选择需要添加分组的表格或交叉表。 2....

    DELPHI+表格控件DBGridEh

    Delphi还提供了其他优秀的表格显示控件,如NextGrid、TopGrid3.0、XLGrid和ExpressQuantumGrid等。 总结来看,DBGridEh作为Delphi中的增强型表格组件,提供丰富的定制选项和功能扩展,大大提高了表格处理的灵活性和...

    birt分组导出Excel表格空行解决方案

    2. **按组显示序号**:在数据绑定中添加适当的表达式,使得每个分组都有一个唯一的序号。例如,可以使用`$R{ReportParameter.GroupCounter}`这样的表达式来实现这一点。 通过采用上述方法,不仅能够有效地解决BIRT...

    程矢Axure夜话图文教程中继器表格分页.pdf

    - 设置每页的值,这通常是一个变量或表达式,用于表示用户选择的每页显示条目数。 5. **设置当前页**: - 为“跳转到页”的按钮添加“鼠标单击时”事件。 - 选择“设置当前页”事件。 - 选择要设置当前页的中继...

Global site tag (gtag.js) - Google Analytics