jQuery遮罩弹出框招聘行业多选表单提交代码

jQuery 的遮罩弹出框配表单多选，确实挺适合做招聘网站这类交互多的页面。点个按钮就弹出一个半透明背景下的选择框，体验上也比较聚焦。像行业多选这种场景，用户一眼就能看懂，不会有操作门槛。

遮罩用的是 jQuery 的.css()方法，配合position: fixed和background: rgba()这些老套路，效果还蛮稳的。你也可以用点插件，比如.dialog()，省事不少。

多选表单这块，基本是靠复选框来搞，jQuery 用.prop('checked', true)和.val()操作起来也挺顺手。用户选择完行业类型，直接提交就行，Ajax 提交的代码也比较清爽，像$.post()这种写法，几行就能搞定。

比较贴心的一点是：弹出框不只是弹，点外面还能关闭，遮罩消失，整体交互挺完整。代码里也加了一些逻辑，保证不会重复弹框或出现错乱。你可以打开texiao7337_1560681007这个文件看看，结构和事件绑定都比较清晰。

如果你正在做招聘类项目、行业筛选、用户偏好设置之类的功能，这段代码还挺值得拿来参考一下，稍微改改就能用。懒得手写？也可以顺手扒下这些相关例子：

• jQuery 弹出遮罩层步骤流程表单代码
• Jquery 实现的双 Select 框多选表单提交
• 响应式表单提交弹出层
• jQuery 弹出层插件三种简单遮罩弹出框效果
• javascript 弹出层表单提交代码
• jQuery 弹出层弹出框效果

想快速上手、少踩坑的话，建议你把结构和事件绑定逻辑多看几遍，再试着自己封装下。