jquery - 如何使用 jquery 和复选框获得最终价格

Question

我是新来的。任何人都可以帮助我如何创建像这个网站这样的表单吗？ https://www.socialengine.com/buy-social-engine 我的意思是复选框组和右侧的总计：299 美元我对此进行了很多搜索，但总是失败。如果有人能给我一个示例代码，我会很高兴。谢谢你。我可以使用这样的东西吗？

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

Answer 1

试试这个

演示

<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);
});​