checkbox选中未生效未显示对号勾选的坑

项目中需要用到checkbox，一般使用checked来操作是否选中，抽出代码如下：

<label title="是否启用" class="checkbox checkbox-inline m-r-20">
    <input type="checkbox" onclick="showBut(this)"}>
    <i class="input-helper"></i>
</label>

function showBut(obj){
    if($(obj).is(":checked")){
        $(obj).attr("checked","checked")
    }else{
        $(obj).removeAttr("checked")
    }
}

当点击多次时，会发现明明点击成功触发事件，但是checkbox效果没有显示对勾

解决方法：

添加checked属性时，采用true 和 false方式

$(obj).prop('checked',true)

$(obj).prop('checked',false)