Question

I have a problem, and I can’t seem to work out how to solve it. I have two checkboxes, both of them have a value of 5. I just need to add the value of 5 to a variable when a checkbox is checked, and deduct 5, when it is unchecked. I’ve been using jQuery, but so far I’ve only managed to add 5 and it adds 10, when both of them are checked. It doesn’t deduct anything as of now. Since I have a some radio buttons which I properly check, the code I have is this.

$(":checked").each(function(){
    if ($(this).attr("type") == "checkbox"){
        pricediff += 5;
    }
}

as the function each is used, it adds 10 when both of them are checked. This, of course, is not wanted. And it still has to deduct 5 when the checkbox is unchecked. I have no idea how to do that – I’m a bit of a noob to jQuery and JavaScript. Can anyone assist me? Thanks

P.S. this is not the exact code but just the jist of it.

Answer 1

Sample HTML

<input type="checkbox" class="test" />
<input type="checkbox" class="test" />
<input type="checkbox" class="test" />
<input type="checkbox" class="test" /><br />
<span id="result">0</span>

Script

$(function(){
    $("input:checkbox.test").click(function(){
        var checked = $("input:checkbox.test:checked").length;
        var checkedValue = checked * 5;

        $("#result").text(checkedValue)
    });
});

See a working demo