jq操作 layui 表单中的 复选框 checkbox 选中与不选中问题

html 页面如下：

<td>
    <label class="checkbox-inline">

        <input type="checkbox" name="cb_web" class="cbItem" value="web" lay-skin="primary"/>
        <span>网站</span>
    </label>

    <label class="checkbox-inline">
        <input type="checkbox" name="cb_app" class="cbItem" value="app" lay-skin="primary"/>
        <span>APP</span>
    </label>

    <label class="checkbox-inline">
        <input type="checkbox" name="cb_weixin" class="cbItem" value="weixin" lay-skin="primary"/>
        <span>微信</span>
    </label>
    <label class="checkbox-inline">
        <input type="checkbox" name="cb_weibo" class="cbItem" value="weibo" lay-skin="primary"/>
        <span>微博</span>
    </label>
    <input type="hidden" id="FabuChannel" name="FabuChannel">


</td>

 

 

 

对应的js所下：

 

form.on('checkbox()', function(data){
    var $cb=$(data.elem);
    var $div=$cb.parent().find("i").parent();
    var ck=$cb.attr("checked");
    if(ck){
        $cb.attr("checked",false);
        $div.removeClass("layui-form-checked");
    }else{
        $cb.attr("checked",true);
        $div.addClass("layui-form-checked");
    }



});