提到只读，很容易想到readonly属性，但是对于复选框来说，这个属性和期望得到的效果是有差别的。原因在于readonly属性关联的是页面元素的value属性（例如text，设置了readonly就不能修改输入框的文本内容），而复选框的勾选/取消并不改变其value属性，改变的只是一个checked状态。所以对于checkbox来说，设置了readonly，仍然是可以勾选/取消的。
和readonly类似的，还有一个disabled属性，这个属性的作用是设置页面元素为不可用。
从上面可以看到，无论是readonly还是disabled，都没有实现我们期望的效果，既然直接实现不了，那么我们可以变通一下，模拟实现。
设置onclick="return false;"属性：
<input type="checkbox" name="permissions[0].sn" value="show" checked="checked" onclick="return false;" rel="0">看（show）