如何用JavaScript编写实现全选功能的简单页面复选框代码？

本文共计988个文字，预计阅读时间需要4分钟。

目录

1.效果演示

2.弹窗代码

3.变量说明

4.实现逻辑

1. 效果演示

2. 弹窗代码

3. 变量说明- dialogRoleVisible: 控制弹窗的显示与隐藏

4. 实现逻辑- 弹窗通过`el-dialog`组件实现，设置`title`为分配角色，`visible.sync`绑定到变量`dialogRoleVisible`，用于控制弹窗的显示状态。- 弹窗内部包含一个表单`el-form`，其中有一个表单项`el-form-item`，用于显示用户名，`el-input`组件的`disabled`属性设置为`true`，表示输入框不可编辑。