使用JS从所有复选框中获取值

时间:2015-09-19 13:43:51

标签: javascript jquery checkbox

我有N *数字复选框,在每个页面上,它总是不同的。我使用插件js:iCheck。

复选框中检查的级别问题是通过js发送其值。如果标记为5,8和9,则值必须为:

5 8 9

即使标记为至少10件,我也只能得到一个最后一个标记复选框的值。

我的JS代码:

   $('.iCheck').on('ifChecked', function(event){
    var checkedValue = $(this).attr('value');
    alert(checkedValue);
    var itemsbought = document.getElementById(checkedValue).innerHTML;
    $('.gds-buy-items-bought').html('<div class="item">'+itemsbought+'</div>');
    });

代码:

  

$(&#39; .GDS买-itemsbought&#39)。HTML(&#39;&#39 + + itemsbought&#39;&#39);

只能使用1次1值。我需要加载所有值,并且我已经提到过多次复选框是..

我已经半小时了,并试图推迟循环直到没有机会。

1 个答案:

答案 0 :(得分:0)

您应该使用数组而不是单个变量,因为在每个未附加的检查上,单个变量的值都会更新

var itemsbought=[];
 $('.iCheck').on('ifChecked', function(event){
    var checkedValue = $(this).attr('value');
    alert(checkedValue);
    var v=document.getElementById(checkedValue).innerHTML;
     itemsbought.push( v);
    $('.gds-buy-items-bought').html('<div class="item">'+itemsbought+'</div>');
    });

你也应该在这里查看,我建议的是

var v=document.getElementById($(this).attr('id')).innerHTML;

或建议非常简单

 var v=$(this).html();