jq点击复选框 被选中的值,生成数组array,生成对象object

想用jq点击复选框 被选中的值,生成数组array,生成对象object 搜了很多资料 都是通过按钮点击而不是点击复选框
例:点击复选框部门1之后 能在页面输出json数据 {"department":1,"user":[1,2,3]}
楼主代码:

<p>请选择部门/员工:</p>
    <p><input type="checkbox" name="department"
            id="department1">部门1
    </p>
    <div>
        <input type="checkbox" name="d1" id="1">小一
        <input type="checkbox" name="d1" id="2">小二
        <input type="checkbox" name="d1" id="3">小三
    </div>

基于Monster 组和GPT的调写:
可以使用jQuery为复选框绑定change事件,然后在事件处理函数中生成数组和对象。

代码如下:

var result = {};
$('input[type="checkbox"]').change(function() {
    if (this.name == "department") {
        result.department = this.id.slice(-1);
        result.user = [];
    } else {
        if (this.checked) {
            result.user.push(this.id);
        } else {
            result.user.splice(result.user.indexOf(this.id), 1);
        }
    }
    console.log(JSON.stringify(result));
});


代码中,首先选择所有的复选框,然后绑定change事件。当复选框的状态发生改变时,事件处理函数会被调用。在事件处理函数中,首先检查复选框的name属性,如果是"department",那么生成一个对象,该对象包含两个属性:department,表示被选中的部门;user,表示该部门下的所有用户。如果不是"department",那么检查该复选框是否被选中。如果被选中,那么将该用户的ID加入到result.user数组中;如果不被选中,那么将该用户的ID从result.user数组中删除。最后,使用JSON.stringify()函数将生成的对象转换为JSON字符串,并输出到控制台。

以下答案引用自GPT-3大模型,请合理使用:

$(document).ready(function(){

var department = [];

var user = [];

$("#department1").click(function(){

department.push(1);

user.push([1,2,3]);

});

var output = {

"department": department,

"user": user

};

console.log(output);

});

如果我的回答解决了您的问题,请采纳我的回答

“都是通过按钮点击而不是点击复选框”,那么是否只要改变下事件的触发对象,就可以满足功能。
复选框的事件一般是选中,可以尝试下修改事件触发的逻辑