checkbox没有readonly属性，如果使用disabled="disabled" 属性的话，会让checkbox变成灰色的，用户很反感这种样式可以这样让它保持只读：

方式一：

设置它的onclick="return false"


js里就是 checkbox.onclick=function(){return false;}; 

方法二：

<script src="Demo3.1/jquery-1.4.2.min.js" type="text/javascript"></script>
<script language="javascript">
    $(function(){
            $("input[type='checkbox']").click(
                function(){
                    this.checked = !this.checked;
                }
            );
    });
</script>

来自  https://blog.csdn.net/lulidaitian/article/details/77774196