检索复选框值以及如何添加复选框的值答案

【问题标题】：Retrive the Checkbox value and how to add the values of checkbox检索复选框值以及如何添加复选框的值
【发布时间】：2013-10-15 04:01:51
【问题描述】：

需要获取checkbox 的值，并且需要通过添加所有值而不是存储在数组中来存储在single variable 中。我应该如何获取它？

这里是我的 fiddle 和我的 jquery

function getCheck() {
         $('ul.addon > li :checked').each(function() {
           allVals.push($(this).val());
           });
            return allVals;
      }
     $(function() {
       $('ul.addon > li > input').click(getCheck);
       getCheck();
    $(allVals).each(function(){
        addon+=parseInt(allVals);
        $('#op').html(addon);
    });        
     });

这里 allvals 数组包含选中复选框 1,2,1,1,3 的所有值

现在我需要添加这些值并移动到 addon 变量中，例如 1+2+1+1+3=8

如果我取消选中复选框，则必须减去该值

【问题讨论】：

标签： jquery jquery-click-event

【解决方案1】：

如果您需要在复选框单击时添加和减去复选框的值，请尝试下面的代码。希望这就是您的意思。

var allVals = [];
$('input:checkbox[name=addons]').each(function() {
           allVals.push($(this).val());
 });//Gets the complete List of values

//点击时加减值

 var curr_value=0;
    $("input:checkbox[name=addons]").on('click',function() {
         if($(this).is(":checked") == false){
            curr_value = curr_value -$(this).val();

        }

         if($(this).is(":checked") == true){
            curr_value = curr_value + +$(this).val();
        }
        alert(curr_value);//Contains the added values of the checked boxes 

    });

【讨论】：

live 函数显示此错误 TypeError: $(...).live is not a function.
尝试将“live”更改为“on”，因为“live”在最新版本中已被贬低... :)

【解决方案2】：

我希望我能很好地理解您的问题，但是您想在选中时添加该值并在未选中时减去该值？试试这个：

var value = 0;

$('input[type="checkbox"]').change(function()
{
    if($(this).is(':checked'))
    {
        value += parseInt($(this).val());
    }
    else
    {
        value -= parseInt($(this).val());  
    }

    alert(value);
})

在复选框的状态更改时，我验证状态（选中或未选中）。当检查我的值时，我会减去这个值。

jsFiddle

【讨论】：