使用jquery选择html表中输入元素的值

尼德希什

我有一个包含 n 行和 4 列的 html 表。在每一行中,td我有 2 个子元素 -label和一个input. 事件发生在under 3rd时,我想检查inputunder 2nd的值tdonblurinputtd

发生在 3rd (ie;headers="CREDIT")下的输入时,我想提醒inputunder 2nd td(ie; headers="ACNO" )的值所以我写了下面的javascript函数作为onblurtdsum_cr()

function sum_cr() {
  alert('Hi');
  alert($(pThis).parent().eq(2).children('accno').val());
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<table>
  <tbody>
    <tr>
      <td headers="DAYDT">
        <label for="f01_0050" class="u-VisuallyHidden"> </label>
        <input name="f01" value="28-05-2018" type="text">
      </td>
      <td headers="ACNO">
        <label for="f03_0050" class="u-VisuallyHidden"> </label>
        <input name="f03" value="1413/4" class="accno" type="text">
      </td>
      <td headers="CREDIT">
        <label for="f04_0050" class="u-VisuallyHidden"></label>
        <input name="f04" value="100" class="cr_amt" onblur="sum_cr();" id="f04_0050" type="text">
      </td>
      <td headers="FINE AMT">
        <label for="f06_0050" class="u-VisuallyHidden"> </label>
        <input name="f06" value="" id="f06_0050" type="text">
      </td>
    </tr>
  </tbody>
</table>

但是我的 javascript 代码失败了。有人可以帮助我获得价值吗?

JSfiddle:https ://jsfiddle.net/nidheeshmtr/nmku2gq1/4/

斯里

function sum_cr(ele) {

  alert('Hi')
  alert('using prev(): '+$(ele).parent('td').prev('td').find('input').val());
  //or you can use below for input value under 2nd td element
  alert('using nth-child(): '+$('tr td:nth-child(2)').find('input').val());
  //if you know attributes of TD tag, u can use below
  alert('using attribute selector: '+$('td[headers="ACNO"]').find('input').val());
  //by using siblings, get the parent 2nd sibling
  alert('using siblings(): '+$(ele).parent().siblings(':nth-child(2)').find('input').val());
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tbody>
    <tr>
      <td headers="DAYDT">
        <label for="f01_0050" class="u-VisuallyHidden"> </label>
        <input name="f01" value="28-05-2018" type="text">
      </td>
      <td headers="ACNO">
        <label for="f03_0050" class="u-VisuallyHidden"> </label>
        <input name="f03" value="1413/4" class="accno" type="text">
      </td>
      <td headers="CREDIT">
        <label for="f04_0050" class="u-VisuallyHidden"></label>
        <input name="f04" value="100" class="cr_amt" onblur="sum_cr(this);" id="f04_0050" type="text">
      </td>
      <td headers="FINE AMT">
        <label for="f06_0050" class="u-VisuallyHidden"> </label>
        <input name="f06" value="" id="f06_0050" type="text">
      </td>
    </tr>
  </tbody>
</table>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何通过使用类选择器和jQuery库在表的输入元素中调用某些值?

来自分类Dev

如何通过使用类选择器和jQuery库在表的输入元素中调用某些值?

来自分类Dev

如何使用jquery从表中获取所有数据,包括输入和选择标签值?

来自分类Dev

如何获取html表中选择行的值并使用javasricpt在输入文本中显示它们?

来自分类Dev

使用JQuery选择表元素

来自分类Dev

无法使用鼠标选择输入元素(搜索框)中的HTML

来自分类Dev

选择html表的元素并使用jquery更改内容

来自分类Dev

使用表中的值将文本输入转换为选择

来自分类Dev

如何使用jQuery获取html选择元素的特定值

来自分类Dev

使用JQuery从列表中按值选择输入

来自分类Dev

如何从 JQuery 中的日期时间输入中选择/使用值?

来自分类Dev

使用jquery生成html表时设置下拉选择值

来自分类Dev

如何使用jQuery在输入元素html中查找文件

来自分类Dev

如何使用jquery在html中添加和选择元素

来自分类Dev

使用jQuery从HTML表中动态选择列

来自分类Dev

使用jQuery从html表中动态选择列

来自分类Dev

我无法使用jQuery选择输入的值

来自分类Dev

使用jQuery在HTML表中显示单独的XML元素

来自分类Dev

使用jQuery对不在HTML表中的元素进行排序

来自分类Dev

如何使用Javascript选择html选择元素中的所有值

来自分类Dev

如何使用JQuery从HTML中选择元素

来自分类Dev

从 Mysql 表中获取的 HTML 选择值

来自分类Dev

如何使用JQuery在HTML表中获取所有值

来自分类Dev

捕获动态表中HTML元素的值

来自分类Dev

jQuery数据表-当输入的<td> </ td>中包含html / images时,按选择输入进行过滤

来自分类Dev

如何使用javascript将选择中的值发送到html中的输入文本?

来自分类Dev

如何不使用jQuery仅选择表中的特定元素?

来自分类Dev

如何不使用jQuery仅选择表中的特定元素?

来自分类Dev

使用jQuery从另一个元素(表)替换HTML元素中的文本

Related 相关文章

  1. 1

    如何通过使用类选择器和jQuery库在表的输入元素中调用某些值?

  2. 2

    如何通过使用类选择器和jQuery库在表的输入元素中调用某些值?

  3. 3

    如何使用jquery从表中获取所有数据,包括输入和选择标签值?

  4. 4

    如何获取html表中选择行的值并使用javasricpt在输入文本中显示它们?

  5. 5

    使用JQuery选择表元素

  6. 6

    无法使用鼠标选择输入元素(搜索框)中的HTML

  7. 7

    选择html表的元素并使用jquery更改内容

  8. 8

    使用表中的值将文本输入转换为选择

  9. 9

    如何使用jQuery获取html选择元素的特定值

  10. 10

    使用JQuery从列表中按值选择输入

  11. 11

    如何从 JQuery 中的日期时间输入中选择/使用值?

  12. 12

    使用jquery生成html表时设置下拉选择值

  13. 13

    如何使用jQuery在输入元素html中查找文件

  14. 14

    如何使用jquery在html中添加和选择元素

  15. 15

    使用jQuery从HTML表中动态选择列

  16. 16

    使用jQuery从html表中动态选择列

  17. 17

    我无法使用jQuery选择输入的值

  18. 18

    使用jQuery在HTML表中显示单独的XML元素

  19. 19

    使用jQuery对不在HTML表中的元素进行排序

  20. 20

    如何使用Javascript选择html选择元素中的所有值

  21. 21

    如何使用JQuery从HTML中选择元素

  22. 22

    从 Mysql 表中获取的 HTML 选择值

  23. 23

    如何使用JQuery在HTML表中获取所有值

  24. 24

    捕获动态表中HTML元素的值

  25. 25

    jQuery数据表-当输入的<td> </ td>中包含html / images时,按选择输入进行过滤

  26. 26

    如何使用javascript将选择中的值发送到html中的输入文本?

  27. 27

    如何不使用jQuery仅选择表中的特定元素?

  28. 28

    如何不使用jQuery仅选择表中的特定元素?

  29. 29

    使用jQuery从另一个元素(表)替换HTML元素中的文本

热门标签

归档