如果选中复选框,则Javascript减去输入字段的值

时间:2015-10-03 22:19:46

标签: javascript jquery checkbox

我有三个输入,分别是文本和一个复选框。

如果选中复选框,我希望输入A的值从输入B中减去并显示在输入C中。

如果输入新号码,我也希望它能够改变。

基本上:

1:如果选中复选框,则从值B中减去值A.

2:如果选中复选框,则在按键时从值B中减去值A.

我试过这个:



$('#autoCal').change(function () {
  var start = +$("#start").val();
  var end = +$("#end").val();
  $("#result").val(end-start);

  if ($(this).attr("checked")) {
    $("#end").keyup(function(){
      var start = +$("#start").val();
      var end = +$("#end").val();
      $("#result").val(end-start);
      return;
    });
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<fieldset data-step="3" data-intro="How many miles did you go? Let us know by filling out this section.">
  <legend>Mileage</legend>
  <label for="oStart"><span>Odometer Start<span class="required">*</span></span><input type="text" name="oStart" class="shortInput" id="start"></label>
  <label for="oEnd"><span>Odometer End<span class="required">*</span></span><input type="text" name="oEnd" class="shortInput" id="end"></label>
  <label for="mileage"><span>Total Miles<span class="required">*</span></span><input type="text" name="mileage" class="shortInput" id="result"></label>
  <label for="autoCal"><span>Auto calculate milage?</span><input type="checkbox" id="autoCal" name="autoCal"></label>
</fieldset>
&#13;
&#13;
&#13;

  • autoCal是复选框。
  • start是值A.
  • end是值B.
  • result是值C.

1 个答案:

答案 0 :(得分:1)

我已经解决了首先无法计算的问题。我还在研究自动计算功能。

InternetGetCookie

编辑1

这有点怪癖,但表达有点不对劲。我已经更新了代码来修复它。 (还要在输入中添加类型=&#34;数字&#34;否则不允许使用字母)

编辑2

我的坏......我修好了一切。你的表达是正确的,对不起......玩得开心!