文档章节

jquery 读取table tr td值完成修改功能

剑禅觅心
 剑禅觅心
发布于 2016/08/01 21:28
字数 660
阅读 95
收藏 0
var $td=$(td).parents('tr').children('td');
$("#seshu").val($td.eq(0).find('input').val());
$("#jshuchudan").val($td.eq(1).find('input').val());
$("#jshuchuqi").val($td.eq(2).find('input').val());
$("#jchuantongddan").val($td.eq(3).find('input').val());
$("#jchuantongdqi").val($td.eq(4).find('input').val());
$("#schuantongddan").val($td.eq(5).find('input').val());
$("#schuantongdqi").val($td.eq(6).find('input').val());
$("#zhizuodan").val($td.eq(7).find('input').val());
$("#zhizuoqi").val($td.eq(8).find('input').val());
$("#ganbandan").val($td.eq(9).find('input').val());
$("#ganbanqi").val($td.eq(10).find('input').val());
$("#pinbandan").val($td.eq(11).find('input').val());
$("#pinbanqi").val($td.eq(12).find('input').val());
$("#jjid").val($td.eq(13).find('input').val());

$("#updateform").submit();
用Jquery获取table中td的值:

          首先建立一个如下一个两行三列的table

           <table id="tb" style="text-align: center;" width="100%" border="1PX">
                <tr> <td>A1  </td><td> A2 </td> <td>A3</td> </tr>
                <tr><td>B1</td> <td>  B2</td><td>B3</td> </tr>
           </table>

        Jquery 代码部分

              <SCRIPT type=text/javascript src="Jquery/jquery-1.4.2.js">//引入Jquery 插件不能少哦</SCRIPT>

              <SCRIPT language="javascript" type="text/javascript" >

                $(function(){
                    //使用jquery 取得table 中td里面的值
                       $("#tb td").click(function(){
                                      alert($(this).text());

                         })
           
                });</SCRIPT >

用Javascript 获取table中td的值:

      直接就写JS拉,借用上面table

      <script language="javascript" type="text/javascript">
        function GetTdValue()
        {
            //Javascript 取得table 中TD的值
            var VAL=document.getElementById("tb").rows[1].cells[1];
            alert(VAL.innerHTML)
        }
    </script>




因为这个tr需要动态增加和删除,并且获得td中的值

<script src="js/jquery-1.3.2.js" type="text/javascript"> </script>
<script type="text/javascript">
function addit(){
    var n = $("#paramTable tr:last td").eq(1).html();
    if(isNaN(n)) n = 1;
    else n++;
    $("#paramTable").append("<tr><td>name</td><td>" + n + "</td><td onclick='delit(this);'>删除</td></tr>")
}
function delit(obj){ $(obj).parent().remove();} </script>
<input type="button" onclick="addit()" value="添加">
<table border=1 id="paramTable">
<tr>
<td width=100>
参数名称
</td>
<td width=100>
对应列号
</td>
<td width=60>
是否删除
</td>
</tr>
<tr>
<td>name</td>
<td>1</td>
<td onclick="delit(this);">删除</td>
</tr>
</table>






function getMerchandiseTable(){
            var arrMerchandise = [];
            $("#tbOrderMerchandise tr").each(function(){
                 var $MerchandiseIdTd = $("td:eq(0)",$(this) );//商品ID
                
                 var $quantityTd = $("td:eq(3)",$(this) );//数量
                 var $priceTd=$("td:eq(6)",$(this) );//小计
                 var $DescriptionTd = $("td:eq(7)",$(this) );//备注
               
                if($MerchandiseIdTd.text()!="")
                {
                    arrMerchandise.push($MerchandiseIdTd.text()+"|"+$quantityTd.text()+"|"+$priceTd.text()+"|"+$DescriptionTd.text());
                }
            });
            $("#hidDetailList").val(arrMerchandise.join(","));
        }



private List<hanvnet.Dto.Page.Table.DeliveryFeePage> GetDeliveryFeeList(string strChargerId)
    {
        string strFeeInput = hdFeeList.Value;

        List<hanvnet.Dto.Page.Table.DeliveryFeePage> lstFee
            = new List<hanvnet.Dto.Page.Table.DeliveryFeePage>();
        hanvnet.Dto.Page.Table.DeliveryFeePage deliveryFeePage = null;

        string[] strFeeList = strFeeInput.Split(Char.Parse(","));
        for (int i = 0; i < strFeeList.Length; i++)
        {
            deliveryFeePage = new hanvnet.Dto.Page.Table.DeliveryFeePage();
            string[] strFeeDetailList = strFeeList[i].Split(Char.Parse("|"));
            deliveryFeePage.DeliveryId = _deliveryId;
            deliveryFeePage.FeeId = int.Parse(strFeeDetailList[0]);
            deliveryFeePage.ReceiveId = strChargerId;
            deliveryFeePage.PlanAmount = decimal.Parse(strFeeDetailList[1]);
            deliveryFeePage.Description = strFeeDetailList[2];
            deliveryFeePage.DataStatus = 1;
            deliveryFeePage.InsDateTime = DateTime.Now;
            deliveryFeePage.InsUserId =       this.Session[hanvnet.Common.Utils.Constraints.C_SESSION_LOGINID].ToString();
          lstFee.Add(deliveryFeePage);
        }
        return lstFee;
    }
function UnOffOrderAmount(){
        //alert("不优惠");
          var UnoffOrderAmounts=0;
          $("#tbOrderMerchandise tr").each(function(){
                 var $priceTd=$("td:eq(6)",$(this) );//优惠金额
              
                UnoffOrderAmounts+=$priceTd.text()*1;
              
            });
            return UnoffOrderAmounts;
        }

<td class="tablealigncenter" nowrap>
        <input type="text" name="countId" id="countId" onblur="getAgentAccountMoney(this)"></>
    </td>

//alert($($($AgentMoney)).find("input").get(0).value);


function getBillsTable(){
                var arrbills = [];
                $("#mainTableBody tr").each(function(){
                var $productId=$("td:eq(1)",$(this) ); 
                var $baseGoldPrice=$("td:eq(5)",$(this));
                var $baseGoldAcountPrice=$("td:eq(6)",$(this));
                var $AgentMoney=$("td:eq(7)",$(this));
                 //alert($($($AgentMoney)).find("input").get(0).value);
                var $AgentAccountMoney=$("td:eq(8)",$(this));
                // alert($($AgentAccountMoney).find("input").get(0).value);
                 if($productId!=null){
                  arrbills.push($productId.text()+"/"+$baseGoldPrice.text()+"/"+$baseGoldAcountPrice.text()+"/"+$($AgentMoney).find("input").get(0).value+"/"+$($AgentAccountMoney).find("input").get(0).value);
                  }
                });
                $("#hidTableValue").val(arrbills.join(","));
                $("#createfrom").attr("action","<c:url value='/k4_oldGoldStorsge/saveFactoryBills'/>");
                $("#createfrom").submit();
          }

本文转载自:http://blog.csdn.net/amohan/article/details/7834907

剑禅觅心
粉丝 6
博文 224
码字总数 0
作品 0
深圳
高级程序员
私信 提问
转-JQuery选择器及radio,checkbox,select取值和反选

jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元...

huntering
2015/08/25
0
0
jquery 新建元素的事件绑定

我想很多人都会向我一样曾经被动态添加元素的事件绑定困惑很久,也就是在页面加载完成后给已有元素绑定了事件,但又新增加的元素上却没有绑定任何事件。 js的事件监听跟css不一样,css只要设定...

陈好
2014/08/14
0
0
jQuery的发展史,你知道吗?

每天多学一点知识,就少写一行代码 2006年1月,jQuery的第一个版本面世,至今已经有6年多了(注:这个时间点是截止至出书时间)。虽然过了这么久,但它依然以其简洁、灵活的编程风格让人一见...

生气的散人
2014/01/21
507
0
学习jQuery必须知道的几种常用方法

jQuery事件处理 ready(fn) 代码: $(document).ready(function(){ // Your code here... }); 作用:它可以极大地提高web应用程序的响应速度。通过使用这个方法,可以在DOM载入就绪能够读取并...

长平狐
2012/09/06
1K
0
ASP.NET MVC4中调用WEB API的四个方法

使用jQuery 调用WEB API 接下来,我们在Index控制器中新建立一个视图,如下图: 接下来就可以根据实际需要,决定在页面中显示customer表中的多少列,最后的页面显示如下: 当页面加载时,使用...

随智阔
2012/08/05
0
0

没有更多内容

加载失败,请刷新页面

加载更多

热点图heatMap.js V2.0 研究笔记 及应用

https://blog.csdn.net/rongchaoliu/article/details/47830799 调用方法 function init() { $.ajax({ url: "${request.contextPath}/refresh?type=1", type: "get",......

yan_liu
8分钟前
1
0
Kubernetes 支持 OpenAPI 的新功能

Open API 让 API 提供者可以定义自己的操作和模型,并让开发者可以自动化的生成喜欢语言的客户端,用以和 API 服务器通信。Kubernetes 已经支持 Swagger 1.2(OpenAPI 规范的前身)有一段时间...

xiangyunyan
12分钟前
0
0
深入分析Zookeeper原理

本章重点: 1.了解zookeeper 及zookeeper 的设计猜想 2. zookeeper集群角色 3. 深入分析ZAB协议 4. 从源码层面分析leader选举的实现过程 5. 关于zookeeper的数据存储  Zookeeper的由...

须臾之余
14分钟前
2
0
Spring Cloud Eureka 常用配置详解,建议收藏!

前几天,栈长分享了 《Spring Cloud Eureka 注册中心集群搭建,Greenwich 最新版!》,今天来分享下 Spring Cloud Eureka 常用的一些参数配置及说明。 Spring Boot 的配置参考Java技术栈微信...

Java技术栈
33分钟前
1
0
分布式项目(七)consul 服务注册与发现

说到分布式自然就离不开分布式和微服务的话题,简单聊一下。 微服务是一种软件架构方式,或者说一个一种结构设计风格,它并不是标准,它的逻辑是把一个整体服务按业务拆分成不同独立的服务,...

lelinked
33分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部