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

Question

我是新来的。 谁能帮助我如何创建像这个网站这样的表单？ https://www.socialengine.com/buy-social-engine 我的意思是那个复选框组 总计:右侧 299 美元 我搜索了很多关于这个的内容 但总是失败。 如果有人能给我一个示例代码 我会很开心。 谢谢。 我可以使用这样的东西吗？

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

Answer 1

试试这个

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