對於修改頁面，後台傳遞checkbox選項值後，想固複選按鈕值，不讓其改變（即唯讀狀態）。
checkbox唯讀設定
最初，第一反應是使用readonly屬性，但在核取方塊中，決定核取方塊值的是checked，而不是文字框等輸入框的value值。所以這裡使用readonly屬性，會沒有效果。
後面又嘗試使用disabled屬性，發現確實值不能變了。但是問題也來了，就是它也不能傳遞資料了。因為disabled屬性使核取方塊完全失效了，不能用於頁面互動，也不能修改value、checked的值了
於是，嘗試使用了下面方法：
主要通過設定onclick事件，來控制checked值 ，使其值變化失效，以此實現checkbox的唯讀設定。
也可使用下面設定：
原文：
checkbox設定核取方塊的唯讀效果
在web開發中，有時候需要顯示一些核取方塊 checkbox 表明這個地方是可以進行勾選操作的，但是有時候是只想告知使用者 這個地方是可以進行勾選操作的 而不想讓使用者在此處勾選 比如在資訊展示頁面 這時候就需要將核取方塊設定成唯讀的效果。提到唯讀，很容易想到使用readonly屬性，但是對於核取方...
checkbox設定核取方塊的唯讀效果不讓使用者勾選
在web開發中，有時候需要顯示一些核取方塊 checkbox 表明這個地方是可以進行勾選操作的，但是有時候是只想告知使用者 這個地方是可以進行勾選操作的 而不想讓使用者在此處勾選 比如在資訊展示頁面 這時候就需要將核取方塊設定成唯讀的效果。提到唯讀，很容易想到使用readonly屬性，但是對於核取方...
checkbox核取方塊樣式
隨著現代瀏覽器的流行，純css設定checkbox也變的很是實用，下面會講到5種與眾不同的checkbox核取方塊。首先，需要新增一段css隱藏所有的checkbox核取方塊，下面我們會改變它的外觀。要做到點需要新增一段 到你的css檔案中。隱藏預設的checkbox input type chec...