Question

i am trying to do a form which is so strange to me.

The basic concept is I have a column of product checkboxes in my form, and if you choose that product, then you need to check the relative product checkbox.

In the form, I have another two columns are the prices and sizes of the products. i want to calculate the amount of prices and sizes depends on which products are being ticked. What i only achieve so far is get the value of the product which are being checked, but not the prices and sizes’ values. Also, how to do the calculation dynamically.

Here is the html, http://jsfiddle.net/DDEzm/2/

Hope some one can help, many thanks.

Answer 1

try this, this solution is based on your markup:

$(function(){
    $('#cb1').live('change',function(){
        if ($(this).is(':checked')) {
           var val = 0;
           val = parseInt($('#tb1').val(), 10) + parseInt($('#tb2').val(), 10)
           $('#presult').val(val)             
        } else {
           $('#presult').val('0')              
        }
    });
});

DEMO