如何获取jquery数据表中的textbox的textchange事件?

时间:2017-12-29 12:39:43

标签: jquery

我有一个jQuery数据表,我有数据字段的文本框。当我在qty文本框中输入值时,应计算总金额。这是我的代码,我尝试过。如何捕获该文本框的textchange事件? 请帮帮我。

<table id="swcmtable" class="table table-striped table-hover dt-responsive" cellspacing="0" width="100%">
  <thead>
    <tr>
      <th>Products</th>  
      <th>Quntity</th>  
      <th>Price</th> 
    </tr>
  </thead>
  <tbody></tbody>                        
</table>

<! -- I'm filling this datatable with JSON  --> 
<script>
  $(document).ready(function () {
    //function GetCart() {
    $.ajax({
      type: "POST",
      url: "Defualt.aspx/GetData",
      data: JSON.stringify(),
      contentType: "application/json; charset=utf-8",
      dataType: "json",
      success: function (data) {
        $("#swcmtable").find("tr:gt(0)").remove();
        var textbox = '<input type="text" class="txtBox">';
        for (var i = 0; i < data.d.length; i++) {
          $("#swcmtable").append("<tr><td>" + data.d[i].ProductName + "</td><td class=p >" + "<input type =text class= txtBox a> " + "</td><td>" + data.d[i].Cost + "</td></tr>");
        }
      },
      error: function (result) {
        alert("Error " + result);
      }
    });
  });
</script>
<script>
  var table = $('swcmtable').DataTable();
  var data = table.cell('.p');
  var txtdata = table.cell('.txtBox .a');
  $('#swcmtable tbody').on('Click', 'td', function () {
    $(txtdata).on('onchange', function () {
      alert("1");
      var celldata = table.cell(this).data();
      alert(celldata);
    });
  });

1 个答案:

答案 0 :(得分:-1)

您应该在服务器端编写逻辑。