Question

我不擅长JS或jQuery。我采用以下代码来更好地解释我的内容。当用户输入400或更多甘油三酯时，LDL以'N / A'自动填充。我如何实现JS或jQuery来做到这一点？感谢

<form>
 <input name='triglycerides" value="" />
 <input name='LDL' value="" />
</form>

我的实际代码如下：

$('#ldl_override').keyup(function(){
var val = parseInt($(this).val());
if(val > 399)
   $('#qIn726').val('N/A');
});


 elseif($ldl_override && $questionID == 728)
 {
  $question .= "<input $maxLengthString id=\"ldl_override\" name=\"field[" . $questionID . "]\" type=\"text\" value=\"" . htmlspecialchars($answer) . "\" />\n";
 }

Answer 1

使用jquery：

<form>
 <input name="triglycerides" value="" onChange="javascript: if($('#triglycerides').val() > 400) $('#LDL').val('N/A'); />
 <input id="LDL" name='LDL' value="" />
</form>

Answer 2

您可以使用jQuery轻松完成

$('input[name="triglycerides"]').keyup(function(){
    var val = parseInt($(this).val());
    if(val > 399)
       $('input[name="LDL"]').val('N/A');
});

Answer 3

使用id选择#！例如：

HTML：

<form>
 <input id="triglycerides" value="" />
 <input id="triglycerides-result" value="" disabled="disabled" />
</form>

JQuery的：

$('#triglycerides').keyup(function(){
    var val = parseInt($(this).val());
    if (val > 399)
       $('#triglycerides-result').val('high');
    else
       $('#triglycerides-result').val('normal');
});

请参阅JsFiddle

Answer 4

$('input[name="triglycerides"]').change(function() {
   var val = parseInt($(this).val());
   if(val > 399) {
      $('#LDL').val('N/A')  
   }
});

Javascript或jQuery根据另一个输入值自动填充一个输入文本

4 个答案: