Question

I’m new here.
Can anyone help me for how create a form like this site?
https://www.socialengine.com/buy-social-engine
I mean that checkbox group
and that Total: $299 on the right side
I search a lot about this
but fail all time.
If anyone can give me an example code
I will be happy.
Thank you.
And can I use something like this?

$(function() {
    var 
    jqDdl = $("#mainselectqs"),
    onChange = function(event) {

Answer 1

try this

Demo

<input type='checkbox' value='10' />10
<input type='checkbox' value='20' />20
<input type='checkbox' value='30' />30
<input type='checkbox' value='40' />40
<input type='checkbox' value='50' />50
<div id='total'></div>

var init_price = 200;
$('#total').html(init_price);
var tot = 0;
$('input:checkbox').change(function(){
   if($(this).is(':checked')){
      tot = Number($('#total').html()) + Number($(this).val());
   } else {
       tot = Number($('#total').html()) - Number($(this).val());
   }

   $('#total').html(tot);
});​