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

时间:2013-10-08 09:39:50

标签: jquery jquery-click-event

需要获取checkbox的值,并且需要通过添加所有值而不是存储在array中来存储在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

如果我取消选中该复选框,则必须使用该值,我尽力而为,我无法得到它...... :(提前感谢

2 个答案:

答案 0 :(得分:0)

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

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 

    });

答案 1 :(得分:0)

我希望我能够很好地理解你的问题,但是你想在选中时添加值,并在未选中时减去值?试试这个:

var value = 0;

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

    alert(value);
})

在复选框的状态更改时,我验证状态(已选中或未选中)。当检查时我得到了值,否则我将减去该值。

<强> jsFiddle