jquery切换

<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<style>
    ul{
        list-style: none;
    }
    ul li{
        float: left;
        padding: 10px;
        border: 1px solid black;
        margin-right: 10px;
    }
    .active{
        background: green;
        color: white;
    }
</style>
<div class="delivery-tab">
    <ul>
        <li class="active">普通</li>
        <li>文件</li>
        <li>易碎</li>
        <li>数码</li>
        <li>美食</li>
        <li>鲜花</li>
        <li>蛋糕</li>
        <li>生鲜</li>
    </ul>
</div>
<script>
    $('.delivery-tab ul li').click(function () {
        $(this).addClass('active').siblings().removeClass('active');
        $(this).siblings().children('input').removeAttr('checked', true);
    });
</script>