jQuery做一个漂亮的下拉框，用十几行代码就够了
16lz
2021-01-22
插件简介
网页表单的美化一直是各大第三方前端框架中永恒的话题，jQuery也提供了很多自定义单选框和复选框美化的插件。这次我们要介绍的是一款基于jQuery的黑色主题自定义单选框和复选框插件。
它有几个特点：
支持单选和多选。
外观比较漂亮，可自定义CSS样式。
支持选项过滤，这对选项数量较多和较复杂的情况下非常友好。
- 应用简单，引用脚本库后，只需要十几行代码即可完成初始化。
初代化代码的例子如下：
var map = [{"text":"2020","val":"1"},{"text":"2019","val":"2"},{"text":"2018","val":"3"},{"text":"2017","val":"4"}];$(".showYear").data("init",JSON.stringify(map));$(".showYear").mySelect({ showCancel:true, showSearch:true, multiple:true});$(".showCity").mySelect({ showCancel:false, showSearch:true, multiple:false});插件预览
插件下载
在线演示链接：
https://www.html5tricks.com/demo/jquery-black-radio-check-box/index.html
插件下载链接：
https://www.html5tricks.com/download/jquery-black-radio-check-box.rar
解压密码：RJ4587
©著作权归作者所有：来自51CTO博客作者mb5ff5930cde1cd的原创作品，如需转载，请注明出处，否则将追究法律责任更多相关文章
- jQuery五彩Tab选项卡动画
- Bong！5 款超牛逼的 Jupyter Notebook 插件！
- SPI 机制-插件化扩展功能
- 8 个给前端的顶级 VS Code 扩展插件 [每日前端夜话0x33]
- jupyter平台最强插件没有之一
- 用了这个jupyter插件，我已经半个月没打开过excel了
- 答应我，用了这个jupyter插件，别再重复造轮子了
- 好用到飞起的12个jupyter lab插件
- jupyter lab最强代码提示插件来了