Javascript 在列表中输入信息不是';t收集复选框值?

Javascript 在列表中输入信息不是';t收集复选框值?,javascript,jquery,json,Javascript,Jquery,Json,所以我在我的网站上有一个div,里面会有不同数量的问题,每个问题有两个输入。我有一个按钮,点击后调用JavaScript函数,将其放入列表。我希望它在一个列表中,这样我就可以将它传递给django视图并处理其中的信息 代码如下: var按钮=$(“#序列化”); $(按钮)。单击(函数(){ var VAL=[]; $(“#问题:输入”)。每个(函数(索引){ vals.push($(this.val()); }); 控制台日志(VAL) }); 问题: 数字: 问题: 数字: 序列化:

所以我在我的网站上有一个div,里面会有不同数量的问题,每个问题有两个输入。我有一个按钮,点击后调用JavaScript函数,将其放入列表。我希望它在一个列表中,这样我就可以将它传递给django视图并处理其中的信息

代码如下:

var按钮=$(“#序列化”);
$(按钮)。单击(函数(){
var VAL=[];
$(“#问题:输入”)。每个(函数(索引){
vals.push($(this.val());
});
控制台日志(VAL)
});

问题:

数字: 问题:
数字:
序列化
:选中
选择器将有帮助。详情如下:

$("#questions :input :checked").each(function(index){
  vals.push($(this).val());
});

用这段代码替换javascript,应该可以

var button = $("#serialise");

$(button).click(function() {
    var vals = [];
    $("#questions :input").each(function(index) {

    if($(this).attr('type') == 'checkbox') {
        if($(this).prop("checked")) {
            vals.push('on');
        }
        else {
            vals.push('off');
        }
    }else {
        vals.push($(this).val());
    } 
  });
  console.log(vals)

});

ID在上下文中应该是唯一的使用类insteadI已经更改了它并且它仍然不工作您期望的结果是什么<代码>[“Hey there”,“on”,“Stack Overflow”,“Please help The
:输入
伪选择器是冗余的。我现在得到一个空列表,不管是否输入了数据。谢谢你的帮助!它工作得很好。如果可以,随时准备提供帮助