复选框提交javascript

我有一个id为

brands\u by\u category\u change\u name\u btn

的提交按钮，当单击该按钮时，会运行下面的JS。问题是，无论我的复选框是否被选中，我都会得到相同的响应

对象{id:2，cat_id:1，state:“0”}

复选框代码

<input type="checkbox" name="product_category" class="product_category_selector" id="product_category_<?php echo $assoc_cat['id']; ?>" data-id="<?php echo $assoc_cat['id']; ?>" <?php echo $checked_state; ?> /> <?php echo $assoc_cat['name']; ?><br />

---

cat_id属性中所有选中的数据id：

HTML

拖拉机
骑自行车
机械
户外设备

Javascript

window.onload = function(){
    document.getElementById('btn').addEventListener('click', function(){
        console.log(grabData(true));
        document.getElementById('result').innerText = JSON.stringify(grabData(true));
    });
}

function grabData(checked){
    checked = typeof(checked) == 'undefined' ? false : checked
    var items = document.getElementsByTagName('input');
    var data  = [];

    for(var i = 0; i < items.length; i++){
        if(items[i].type != 'checkbox' || items[i].checked != checked){
             continue;
        }

        data.push(items[i].getAttribute('data-id'));
    }

    var item = {
        id: 2,
        cat_id: data,
        state: checked + 0
    };

    return item;
}

window.onload=function（）{
document.getElementById（'btn'）。addEventListener（'click'，function（）{
console.log（grabData（true））；
document.getElementById（'result'）.innerText=JSON.stringify（grabData（true））；
});
}
函数数据（已选中）{
选中=类型（选中）=“未定义”？错误：选中
var items=document.getElementsByTagName（'input'）；
var数据=[]；
对于（变量i=0；i

对象数组

HTML

拖拉机
骑自行车
机械
户外设备

Javascript

    window.onload = function(){
    document.getElementById('btn').addEventListener('click', function(){
        console.log(grabData());
        document.getElementById('result').innerText = JSON.stringify(grabData(true));
    });
}

function grabData(checked){
    checked = typeof(checked) == 'undefined' ? false : checked;
    var items = document.getElementsByTagName('input');
    var data  = [];

    for(var i = 0; i < items.length; i++){
        if(items[i].type != 'checkbox' || items[i].checked != checked){
             continue;
        }

        var item = {
            id: items[i].getAttribute('data-id'),
            cat_id: items[i].value,
            state: items[i].checked + 0
        };

        data.push(item);
    }

    return data;
}

window.onload=function（）{
document.getElementById（'btn'）。addEventListener（'click'，function（）{
log（grabData（））；
document.getElementById（'result'）.innerText=JSON.stringify（grabData（true））；
});
}
函数数据（已选中）{
选中=类型（选中）=“未定义”？false：选中；
var items=document.getElementsByTagName（'input'）；
var数据=[]；
对于（变量i=0；i

cat_id属性中所有选中的数据id：

HTML

拖拉机
骑自行车
机械
户外设备

Javascript

window.onload = function(){
    document.getElementById('btn').addEventListener('click', function(){
        console.log(grabData(true));
        document.getElementById('result').innerText = JSON.stringify(grabData(true));
    });
}

function grabData(checked){
    checked = typeof(checked) == 'undefined' ? false : checked
    var items = document.getElementsByTagName('input');
    var data  = [];

    for(var i = 0; i < items.length; i++){
        if(items[i].type != 'checkbox' || items[i].checked != checked){
             continue;
        }

        data.push(items[i].getAttribute('data-id'));
    }

    var item = {
        id: 2,
        cat_id: data,
        state: checked + 0
    };

    return item;
}

window.onload=function（）{
document.getElementById（'btn'）。addEventListener（'click'，function（）{
console.log（grabData（true））；
document.getElementById（'result'）.innerText=JSON.stringify（grabData（true））；
});
}
函数数据（已选中）{
选中=类型（选中）=“未定义”？错误：选中
var items=document.getElementsByTagName（'input'）；
var数据=[]；
对于（变量i=0；i

对象数组

HTML

拖拉机
骑自行车
机械
户外设备

Javascript

    window.onload = function(){
    document.getElementById('btn').addEventListener('click', function(){
        console.log(grabData());
        document.getElementById('result').innerText = JSON.stringify(grabData(true));
    });
}

function grabData(checked){
    checked = typeof(checked) == 'undefined' ? false : checked;
    var items = document.getElementsByTagName('input');
    var data  = [];

    for(var i = 0; i < items.length; i++){
        if(items[i].type != 'checkbox' || items[i].checked != checked){
             continue;
        }

        var item = {
            id: items[i].getAttribute('data-id'),
            cat_id: items[i].value,
            state: items[i].checked + 0
        };

        data.push(item);
    }

    return data;
}

window.onload=function（）{
document.getElementById（'btn'）。addEventListener（'click'，function（）{
log（grabData（））；
document.getElementById（'result'）.innerText=JSON.stringify（grabData（true））；
});
}
函数数据（已选中）{
选中=类型（选中）=“未定义”？false：选中；
var items=document.getElementsByTagName（'input'）；
var数据=[]；
对于（变量i=0；i

你可以制作演示提琴来了解更多信息吗？@gourav这是HTML的样子-选中：选中选项是从db编码的，但不适用于我的问题-你想只收集数据或复选框的值吗？rite？@gourav-是的，你可以制作演示提琴来了解一些信息吗还有一点？@gourav这是HTML的样子-checked:checked选项是从数据库中编码的，但不适用于我的问题-您只想收集数据或复选框的值吗？@gourav-是的，数据IDThank，我仍然不知道如何在当前函数中实现它，我的意思是——在cat_id attributechange选择器中实现所有选中的数据id，例如document.getElementsByTagName（'input'）；->getElementByClassName（'product_category_selector'）谢谢Dart-我有这个，但它仍然显示'cat_id:undefined'，我已经完成了退货项目；但是我不确定如何获取id:id-这与复选框id不同谢谢，我仍然不知道如何在当前函数中实现它，我的意思是在cat_id attributechange选择器中实现所有选中的数据id，例如document.getElementsByTagName（'input'）；->getElementByClassName（'product_category_selector'）谢谢Dart-我有这个，但它仍然显示'cat_id:undefined'，我已经完成了退货项目；但我不确定如何获取id:id-这与复选框id不同

    window.onload = function(){
    document.getElementById('btn').addEventListener('click', function(){
        console.log(grabData());
        document.getElementById('result').innerText = JSON.stringify(grabData(true));
    });
}

function grabData(checked){
    checked = typeof(checked) == 'undefined' ? false : checked;
    var items = document.getElementsByTagName('input');
    var data  = [];

    for(var i = 0; i < items.length; i++){
        if(items[i].type != 'checkbox' || items[i].checked != checked){
             continue;
        }

        var item = {
            id: items[i].getAttribute('data-id'),
            cat_id: items[i].value,
            state: items[i].checked + 0
        };

        data.push(item);
    }

    return data;
}