更改复选框上的文本框值 select

Question

我现在拥有的是，输出默认值为 10，当我选择 select 时，应该将 selected 值与输出相加。例如我的输出是 10，我 select 第一个选项 (8)，那么我的输出应该是 18，而不是现在的 108。

<input type="text" class="output" value="10" />
<br>

<input type="checkbox" class="qwer" value="8">First option
    <br>      
<input type="checkbox" class="numbers" value="8">Second option
    <br>
        <input type="checkbox" class="asdfg" value="15">Third option



$('input.qwer').on('change', function () {
      if ($(this).is(':checked')) {
          $('.output').val($('.output').val() + $(this).val());
      } else {
          currentVal = $('.output').val();
          currentVal = currentVal.replace($('.qwer').val(), '');
          $('.output').val(currentVal);
      }
  });

  $('input.numbers').on('change', function () {
      if ($(this).is(':checked')) {
          $('.output').val($('.output').val() + $(this).val());
      } else {
          currentVal = $('.output').val();
          currentVal = currentVal.replace($('.numbers').val(), '');
          $('.output').val(currentVal);
      }
  });

  $('input.asdfg').on('change', function () {
      if ($(this).is(':checked')) {
          $('.output').val($('.output').val() + $(this).val());
      } else {
          currentVal = $('.output').val();
          currentVal = currentVal.replace($('.asdfg').val(), '');
          $('.output').val(currentVal);
      }
  });

Answer 1

在求和之前将字符串转换为 int。使用 parseInt()

例如：

 $('.output').val(parseInt($('.output').val()) + parseInt($(this).val()));

更改复选框上的文本框值 select

Change textbox value on checkbox select

javascript

checkbox