2015-03-19 90 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