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

时间:2012-11-06 03:52:46

标签: jquery html-form checkboxlist

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

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

1 个答案:

答案 0 :(得分:2)

试试这个

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