更改复选框选择时的文本框值

时间:2015-03-19 07:48:01

标签: javascript checkbox

我现在拥有的输出默认值是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);
      }
  });

1 个答案:

答案 0 :(得分:0)

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

exmple:

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