提到只讀,很容易想到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)
