当字段值小于数字时，显示一个表行

Question

当年龄值小于15时，我想显示以下隐藏表行。

<td>Age</td>
      <td><input type="text" name="age" id="age"></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr style="display:none">
      <td> Guardian</td>
      <td><input type="hidden" name="guardian" id="guardian"></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>

Answer 1

在jQuery中，它将像

$("#age").on("input",function() { // or "keyup" or "blur"
  $(this).closest("tr").next().toggle(this.value<15);
});

您不需要隐藏瓜里丹的输入，尽管

Answer 2

工作小提琴

我稍微修改您的HTML：

<table>
  <tr>
    <td>Age</td>
    <td>
      <input type="text" name="age" id="age">
    </td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr id='trGuardian' style="display:none">
    <td> Guardian</td>
    <td>
      <input name="guardian" id="guardian">
    </td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

和jQuery：

$("#age").blur(function() {
  if (parseInt($(this).val()) < 15)
    $('#trGuardian').show();
  else
    $('#trGuardian').hide();
});