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

Question

想用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>

Answer 1

基于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字符串，并输出到控制台。

Answer 2

以下答案引用自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);

});

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

Answer 3

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