基于jQuery单选多选按钮选中美化特效是一款基于jQuery+CSS3实现的表单美化特效。效果图如下：

在线预览    源码下载

实现的代码。

html代码：

<!-- 第一个按钮 -->
    <div class="wrap" a="off">
        <div></div>
    </div>
    <!-- 第二个按钮 -->
    <div class="wrap0" a="off">
        <div></div>
    </div>
    <!-- 第三个按钮 -->
    <div class="wrap1" a="off">
        <div></div>
    </div>
    <!-- 第四个按钮 -->
    <div class="wrap4" a="off">
        <div>
            <div></div>
        </div>
    </div>
    <!-- 第五个按钮 -->
    <div class="wrap5" a="off">
        <span>ON</span>
        <span>OFF</span>
        <div></div>
    </div>
    <!-- 第六个按钮 -->
    <div class="wrap6" a="off">
        <div></div>
    </div>
    <!-- 第七个按钮 -->
    <div class="wrap-con">
        <div a="off">
            <div></div>
        </div>
        <div a="off">
            <div></div>
        </div>
        <div a="off">
            <div></div>
        </div>
        <div a="off">
            <div></div>
        </div>
        <div a="off">
            <div></div>
        </div>
    </div>
    <div class="wrap7" a="off">
        <span>全选</span>
        <span>反选</span>
        <span>取消</span>
        <div></div>
    </div>

via：http://www.w2bc.com/article/2015-11-05-jquery-checkbox-radio

在线预览    源码下载