选中复选框时更改文本框值

Change textbox value on checkbox select

本文关键字：文本 复选框      更新时间：2023-09-26

我现在的输出默认值是10，当我选择选项时，应该将所选值与输出相加。例如，我的输出是10，我选择第一个选项（8），那么我的输出应该是18，而不是现在的108。

http://jsfiddle.net/6ycnzrty/19/

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

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

示例：

 $('.output').val(parseInt($('.output').val()) + parseInt($(this).val()));
相关文章：