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)

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM