想用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);
});
如果我的回答解决了您的问题,请采纳我的回答
“都是通过按钮点击而不是点击复选框”,那么是否只要改变下事件的触发对象,就可以满足功能。
复选框的事件一般是选中,可以尝试下修改事件触发的逻辑