时间戳

首页 > 解决方案 > 更改模式中多个文本框上的事件

javascript - 更改模式中多个文本框上的事件

问题描述

我有一个表格，表格的每一行都有一个复选框、文本框和名称字段。以下是html

<tr>
  <td><input type="checkbox" name="visible" id="soil_row_cb" checked></td>
  <td><input type="text" name="position" style="text-align: center;" maxlength="3" size="3" value="NA"></td>
  <td>Name</td>
  <td><input type="text" name="factor" style="text-align: center;" maxlength="3" size="3" value="NA"></td>
</tr>

我想在名称 =位置的任何文本框中输入值后立即读取该值 在此处输入图像描述

标签： javascriptjqueryhtml

解决方案

请看一看

$("input[name='position']").keyup(function() {

  var valueOfInput = $(this).val(); //value
  var indexOfTr = $(this).parents('tr').index(); //index

  console.log(valueOfInput, '-->', indexOfTr);
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="mytable">
  <tbody>
    <tr>
      <td><input type="checkbox" name="visible" id="soil_row_cb" checked></td>
      <td><input type="text" name="position" style="text-align: center;" maxlength="3" size="3" value="NA" /></td>
      <td><input type="text" name="position" style="text-align: center;" maxlength="3" size="3" value="w" /></td>
    </tr>
    <tr>
      <td><input type="checkbox" name="visible" id="soil_row_cb" checked></td>
      <td><input type="text" name="position" style="text-align: center;" maxlength="3" size="3" value="s" /></td>
      <td>Name</td>
    </tr>
  </tbody>
</table>

推荐阅读