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)

 

posted on 2017-06-09 10:03  世界之大追梦者  阅读(2571)  评论(0编辑  收藏  举报

导航