2015-03-19 79 views
0

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

回答

0

字符串转换成总和之前诠释。 使用parseInt函数()

exmple:

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

谢谢Iceburg :) – 2015-03-19 07:56:55

+0

欢迎你,如果它可以帮助你,请把它标记为答案最多选票。 – Iceburg 2015-03-19 07:58:22