安全下载,经人工审核 精选优质前端模板 支持定制开发咨询 持续更新资源
使用 jQuery 创建带复选框的多选下拉列表
编号:多选

使用 jQuery 创建带复选框的多选下拉列表

大小 230 KB
总文件 23 个
发布 2024-04-19
更新 2024-04-19
架构 MultiSelect
分类 前端资源 - 表单与按钮
目录 结构详情
童哲网
童哲网
 ·  专注前端模板资源分享
人工审核 安全可信

    多选下拉框非常有用,可以让用户在选择框中选择多个选项。通过在 <select> 标签中使用 multiple 属性,可以在下拉列表中添加多个选项,但在这种情况下,需要按住键盘上的 control (ctrl) 键才可以选择多个选项,与其在 HTML 中使用多重属性,倒不如使用 jQuery插件使多选下拉菜单更加人性化,并为多选下拉菜单中的每个选项添加复选框。

    jQuery MultiSelect 是一个 jquery 插件,能将多选列表变成漂亮易用的带复选框的下拉列表。该插件是改变原生选择框元素界面和创建带复选框的多选框的最简单方法,虽然插件实现简单但是功能却很全,示例中共提供了6种展示风格,分别是:

    1、带复选框的多选下拉菜单

    2、带搜索选项的多选下拉菜单

    3、带 「全选」选项的多选下拉菜单

    4、带 「分组」 的多选下拉菜单

    5、可设置选中上限的多选下拉菜单

    6、基于服务端动态获取选项的多选下拉菜单


模板目录结构

    最新资源

    JS横向波浪相册,拖拽惯性与键盘滚动展示特效

    起伏相册

    JS横向波浪相册,拖拽惯性与键盘滚动展示特效
    Canvas 像素飞车 HTML 小游戏,推进躲避与道具反馈源码

    火箭小跑车

    Canvas 像素飞车 HTML 小游戏,推进躲避与道具反馈源码
    汽车维修与养护服务 HTML 响应式网站模板

    驰修

    汽车维修与养护服务 HTML 响应式网站模板
    产品管理与团队协作 Tailwind CSS 后台模板

    产研智台

    产品管理与团队协作 Tailwind CSS 后台模板
    语音创作与音频工具 Tailwind CSS 响应式后台模板

    声域

    语音创作与音频工具 Tailwind CSS 响应式后台模板
    纹身穿刺与创意工作室 HTML 响应式网站模板

    墨匠

    纹身穿刺与创意工作室 HTML 响应式网站模板