当字段值小于数字

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);
});

你需要隐藏guaridan的输入，不过

Answer 2

Working Fiddle

我稍微修改你的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();
});