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