HTML多选框使用指南
多选框的用法，说简单点，就是让用户能一次选多个东西，像兴趣爱好、筛选条件这些场景都少不了它。
HTML 里的多选框标签是，搭配用，体验会更好，比如点击文字也能选中，挺方便的。
你要是想默认选中某个选项，加个checked就行，状态切换也挺灵活的。写表单交互时，用change事件监听变化，实时数据，还蛮常见。
如果一堆选项是一个系列的，推荐用和包起来，看起来整洁，逻辑也清楚，比如偏好设置、权限控制这些。
样式方面嘛，原生多选框样子不太好看，但配合:checked伪类能做些小效果，再不行就用 jQuery 插件或者 UI 框架来美化，效果还不错。
JS 控制也不难，像用$('#option1').prop('disabled', true)禁用，is(':checked')检查状态，这些操作都挺基础的，手到擒来。
别忘了可访问性，多加aria-label这些属性，对屏幕阅读器更友好。要是做后台管理、表单类页面，这点尤其不能落下。
移动端适配也得考虑，尤其触控体验。Bootstrap、Element 这些 UI 库自带的多选框组件，响应式做得还不错，能省不少事。
，推荐你去看看“多选框的运用.rar”这个资料，里面讲了多具体的用法，配套代码都有，比较适合前端刚入门或者想做交互细节优化的朋友。
下载地址
用户评论
