根据复选框状态增加元素的值

Question

我似乎无法根据选中的复选框找出增加SPAN价值的方法。 例如，我有3个复选框

    <input type="checkbox" class="cbox" id ="one"/>One
    <input type="checkbox" class="cbox" id="two"/>Two
    <input type="checkbox" class="cbox" id="three"/>Three
<span id="increment-me">10</span>

我需要根据点击的复选框找出一种实时增加X值的方法。例如，如果选中#one则为5，如果选中#two则为7，等等。

Answer 1

演示

http://jsfiddle.net/xt1paLva/

的HTML

  <input type="checkbox" class="cbox" id ="one" increment="1"/>+1
    <input type="checkbox" class="cbox" id="two" increment="3"/>+2
    <input type="checkbox" class="cbox" id="three" increment="3"/>+3
<br>
<span id="increment-me">0</span>

的jquery

$('input').change(function(e){
    var c = $(this).is(":checked");
    var i = parseInt($(this).attr('increment'));
    var current_value = parseInt($('span#increment-me').text());
    if (c){
        $('span#increment-me').text(current_value+i);
    }else{
        $('span#increment-me').text(current_value-i);
    }
})