SVG带小图标的Checkbox美化插件

本文作者html5tricks,转载请注明出处

今天要给大家分享一款非常实用的checkbox复选框美化插件,这款复选框带有自定义小图标,小图标的绘制是通过SVG实现的,因此理论上你可以定义任意的图标。这款SVG复选框插件的另一个特点是,当图标没有选中时,复选框是隐藏的,鼠标滑过图标时,显示复选框,选中图片时,复选框悬浮在图标左上角并高亮显示。另外,对于选中数据的获取,跟我们普通表单提交时获取复选框选中值的方式是一样的。

svg-checkbox-group

在线演示源码下载

热门推荐