使用js实现如选中部门1、部门2,员工小八,员工小九时,显示:{“department”:[1,2],”user”:[8,9]}。
时间: 2023-09-03 17:25:19 浏览: 52
### 回答1:
你可以通过以下代码来实现:
```
let departments = [1, 2];
let users = [8, 9];
let result = {
"department": departments,
"user": users
};
console.log(result);
```
运行代码后,控制台会输出:
```
{
"department": [1, 2],
"user": [8, 9]
}
```
### 回答2:
可以使用 JavaScript 实现如下代码来实现选中部门和员工,并显示相应结果:
```javascript
// 创建一个空对象,用于存储选中的部门和员工
var result = {
department: [],
user: []
};
// 选中的部门和员工
var selectedDepartment = [1, 2];
var selectedUser = ["小八", "小九"];
// 将选中的部门和员工分别添加到结果对象中的相应属性中
result.department = selectedDepartment;
result.user = selectedUser;
// 将结果对象转换为 JSON 字符串并显示
console.log(JSON.stringify(result));
```
以上代码首先创建了一个空对象 `result` ,用于存储选中的部门和员工。然后,通过将选中的部门和员工分别赋值给 `result.department` 和 `result.user` 属性,将选中的部门和员工添加到结果对象中。最后,通过调用 `JSON.stringify()` 方法将结果对象转换为 JSON 格式的字符串,并使用 `console.log()` 函数显示。
执行以上代码后,会在控制台(浏览器开发者工具的控制台或 Node.js 等环境中)输出结果为 `{"department":[1,2],"user":["小八","小九"]}`。
### 回答3:
使用JavaScript可以通过以下方式实现对选中部门和员工的数据处理:
```javascript
// 假设有以下HTML代码结构:
// 部门1复选框:<input type="checkbox" value="1" class="department-checkbox">
// 部门2复选框:<input type="checkbox" value="2" class="department-checkbox">
// 员工小八复选框:<input type="checkbox" value="8" class="user-checkbox">
// 员工小九复选框:<input type="checkbox" value="9" class="user-checkbox">
// 获取所有选中的部门和员工的复选框
const departmentCheckboxes = document.querySelectorAll('.department-checkbox:checked');
const userCheckboxes = document.querySelectorAll('.user-checkbox:checked');
// 构建选中部门和员工的数组
const departmentArray = Array.from(departmentCheckboxes).map(checkbox => parseInt(checkbox.value));
const userArray = Array.from(userCheckboxes).map(checkbox => parseInt(checkbox.value));
// 构建最终显示的对象
const result = {
'department': departmentArray,
'user': userArray
};
// 将结果转为JSON字符串
const resultJSON = JSON.stringify(result);
// 打印结果
console.log(resultJSON);
```
以上代码通过使用querySelectorAll()方法选择指定类名的复选框元素,然后通过map()方法将选中的复选框值转为整数,并将其存入数组中。最后,将部门和员工数组结构转为JSON字符串,并打印输出结果。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)