checkbox設定核取方塊的唯讀效果

2021-06-17 21:01:38 字數 937 閱讀 4411

在web開發中,有時候需要顯示一些核取方塊(checkbox),表明這個地方是可以進行勾選操作的,但是有時候是只想告知使用者"這個地方是可以進行勾選操作的"而不想讓使用者在此處勾選(比如在資訊展示頁面),這時候就需要將核取方塊設定成唯讀的效果。

提到唯讀,很容易想到使用readonly屬性,但是對於核取方塊來說,這個屬性和期望得到的效果是有差別的。原因在於readonly屬性關聯的是頁面元素的value屬性(例如textbox,設定了readonly就不能修改輸入框的文字內容),而核取方塊的勾選/取消並不改變其value屬性,改變的只是乙個checked狀態。所以對於checkbox來說,設定了readonly,仍然是可以勾選/取消的。效果如下:

readonly="readonly" />

option a

option b

option c               

option a

option b

option c               

和readonly類似的,還有乙個disabled屬性,這個屬性的作用是設定頁面元素為不可用,即不可進行任何互動操作(包括不可修改value屬性、不可修改checked狀態等)。效果如下:

disabled="disabled" />               

option a

option b

option c               

option a

option b

option c               

從上面我們可以看到,無論是readonly還是disabled,都沒有實現我們期望的效果。既然直接實現不了,那麼我們可以變通一下,模擬實現。**如下:

οnclick="return                        false;" checked="checked" />               

核取方塊Checkbox的唯讀設定

對於修改頁面,後台傳遞checkbox選項值後,想固複選按鈕值,不讓其改變 即唯讀狀態 checkbox唯讀設定 最初,第一反應是使用readonly屬性,但在核取方塊中,決定核取方塊值的是checked,而不是文字框等輸入框的value值。所以這裡使用readonly屬性,會沒有效果。後面又嘗試使...

checkbox核取方塊樣式

隨著現代瀏覽器的流行,純css設定checkbox也變的很是實用,下面會講到5種與眾不同的checkbox核取方塊。首先,需要新增一段css隱藏所有的checkbox核取方塊,下面我們會改變它的外觀。要做到點需要新增一段 到你的css檔案中。隱藏預設的checkbox input type chec...

MFC中核取方塊 checkbox

來自 http blog.csdn.net dongzhongshu archive 2010 06 30 5705138.aspx checkbox是一種特殊的按鈕 得到核取方塊狀態的函式 cbutton pbtn cbutton getdlgitem idc check int state pb...