zoukankan      html  css  js  c++  java
  • 如何用jquery操作table的方法

    今天我在做你约我吧交友www.niyuewo.com网项目时遇到一个问题,就是如何用qjuery控制table的添加、编辑与删除,经过网上查资料发现用jquery很容易实现,在此整理下来供大家参考:

    function btnSelect(vcode, vname, vprice) {
        var jmoney = vprice * 10;
        var str = "<tr>";
        str += "<td>"+vcode+"</td>";
        str += "<td>"+vname+"</td>";
        str += "<td>"+vprice+"</td>";
        str += "<td><input name="textfield1" type="text" value="10" class="fd24" onblur='jssum(this)' /></td>";
        str += "<td>"+jmoney+"</td>";
        str += "<td><select name="select" size="1"  class="fd65">"+txtuser+"</select></td>";
        str += "<td onclick='getDel(this)'><a href='#'>删除</a></td>";
        str += "</tr>";
        $("#tctable").append(str);
        jssummoney();
    }
    function getDel(k) {
        $(k).parent().remove();
    }
    function jssum(thisObj) {
        var $td = $(thisObj).parents('tr').children('td');
        //alert($td.eq(0).text());
        var st = $td.eq(2).text() * $td.eq(3).find("input").val();
        $td.eq(4).html(st);
    }
    function jssummoney() {

         var val = 0;
         var i = 0;
        $("#tctable tr").each(function () {
       if (i == 0) {//第一列为表头不计算
       }
        else {
       val += parseFloat($(this).find("td:eq(4)").text());
       }
       i = 1;
    });
    $("#txtsummoney").html(val);

    
    }

    相关链接:http://www.cnblogs.com/January/archive/2013/04/10/3013334.html
  • 相关阅读:
    一些Redis面试题
    PHP中类和对象
    PHP中普通方法和静态方法
    PHP中普通属性和静态属性
    PHP中对象的传值方式
    PHP创建对象的几种形式
    面向对象与面向过程思想区别
    mysql中联合查询
    mysql中用户和权限
    mysql中事务
  • 原文地址:https://www.cnblogs.com/sunheyubo/p/3187877.html
Copyright © 2011-2022 走看看