在web開發中，有時候需要顯示一些核取方塊（checkbox），表明這個地方是可以進行勾選操作的，但是有時候是只想告知使用者"這個地方是可以進行勾選操作的"而不想讓使用者在此處勾選（比如在資訊展示頁面），這時候就需要將核取方塊設定成唯讀的效果。
提到唯讀，很容易想到使用readonly屬性，但是對於核取方塊來說，這個屬性和期望得到的效果是有差別的。原因在於readonly屬性關聯的是頁面元素的value屬性（例如textbox，設定了readonly就不能修改輸入框的文字內容），而核取方塊的勾選/取消並不改變其value屬性，改變的只是乙個checked狀態。所以對於checkbox來說，設定了readonly，仍然是可以勾選/取消的。效果如下：
option a
option b
option c
option a
option b
option c
和readonly類似的，還有乙個disabled屬性，這個屬性的作用是設定頁面元素為不可用，即不可進行任何互動操作（包括不可修改value屬性、不可修改checked狀態等）。效果如下：
option a
option b
option c
option a
option b
option c
從上面我們可以看到，無論是readonly還是disabled，都沒有實現我們期望的效果。既然直接實現不了，那麼我們可以變通一下，模擬實現。**如下：
核取方塊Checkbox的唯讀設定
對於修改頁面，後台傳遞checkbox選項值後，想固複選按鈕值，不讓其改變 即唯讀狀態 checkbox唯讀設定 最初，第一反應是使用readonly屬性，但在核取方塊中，決定核取方塊值的是checked，而不是文字框等輸入框的value值。所以這裡使用readonly屬性，會沒有效果。後面又嘗試使...
checkbox核取方塊樣式
隨著現代瀏覽器的流行，純css設定checkbox也變的很是實用，下面會講到5種與眾不同的checkbox核取方塊。首先，需要新增一段css隱藏所有的checkbox核取方塊，下面我們會改變它的外觀。要做到點需要新增一段 到你的css檔案中。隱藏預設的checkbox input type chec...
checkbox設定核取方塊的唯讀效果
在web開發中，有時候需要顯示一些核取方塊 checkbox 表明這個地方是可以進行勾選操作的，但是有時候是只想告知使用者 這個地方是可以進行勾選操作的 而不想讓使用者在此處勾選 比如在資訊展示頁面 這時候就需要將核取方塊設定成唯讀的效果。提到唯讀，很容易想到使用readonly屬性，但是對於核取方...