今天在做项目的时候有需要用到多选框，并且因为ui的关系，需要稍微美化一下多选框，所以找到了实现方法，挺实用的，不需要脚本就能实现。 我这个是用背景图片的原理实现的，如果不喜欢这个样式，直接更换背景图就可以了 效果： Html： <input type ...

html: <input type="checkbox" id="" value="">菜单1 <input type="checkbox" id="" valu ...

需求： 　　1、自定义多选样式 　　2、多选值为对象数组 　　3、已选项侧边显示，可删除，并关联“备选”的选择状态 　　4、此示例为组件，数据为父组件传递而来 难点：多选项的值为对象数组，如果直接使用对象值进行匹配，由于对象的指引不同，所以即使完全相同的值，匹配也不相同。也就导致 ...

...

1.第一种情况点击一个全选按钮使下面的所有的checkbox多选框选中或取消选中。如下图： 获取这个多选框的选中还是没有选中的状态 首先给这个全选的input多选框定义一个点击事件，给点击事件传入参数$event,从$event里面获取这个checkbox 选中状态true或false ...

自定义弹框组件时，需要在弹框内显示要选择的人员列表，需要组件中的对应字段接收一个Array数组，默认返回空数组[]，直接定义空数组报错，代码如下： 提示错误如下： ✖ 1 problem (1 error, 0 warnings) 错误信息提示，不能直接定义空 ...

...

直接上代码: ...