jsp页面设置复选框checkbox的只读效果
提到只读,很容易想到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)