目視禁用複選框，但允許它仍然提交其值

我有一個複選框從其他選擇更新，但重要的是向用戶顯示檢查狀態。不過，我也希望它只能在功能上閱讀，並在顯示屏中表現出來。目視禁用複選框，但允許它仍然提交其值

它工作正常通過 禁用複選框（給出了灰色的盒子，以幫助用戶直觀地）然而，這意味着在提交值不會被保存。
相反，如果我設置複選框爲只讀它禁用複選框，但仍然出現像正常的複選框。

我還挺想從每一位，用於提交它的價值，但看起來像一個禁用的複選框，並仍然顯示其檢查狀態......沒有任何人有任何想法一個複選框？

2011-02-09 WestieUK

您究竟如何使其成爲只讀？因爲`readonly`屬性不適用或至少不應用於複選框（http://www.w3.org/TR/html4/interact/forms.html#edef-INPUT,http://www .whatwg.org /規格/網絡應用/電流工作/多頁/數state.html＃複選框狀態）。 – mercator 2011-02-09 16:37:01

我認爲這個解決方案也有幫助：https://stackoverflow.com/questions/12769664/how-to-make-html-select-element-look-like-disabled-but-pass-values – 2017-10-05 12:49:18

使用隱藏字段<input type="hidden" />。使用與複選框相同的值填充隱藏項。這樣可視元素與數據元素是分開的，您不會有這些擔憂。

來源

2011-02-09 16:23:15

-1

只是使其只讀，給它一個特殊的類，然後在你的CSS，你可以使它看起來像它的禁用。

來源

2011-02-09 16:24:55

作爲一個簡單的替代方案，是否可以添加一個包含要存儲的值的隱藏表單元素？通過這種方法，您可以獲得禁用元素的功能，但仍然可以提交該值。而且，您不必擔心任何潛在的瀏覽器兼容性問題。

除此之外，在只讀字段中，我認爲您需要使用CSS將複選框設置爲禁用字段。

來源

2011-02-09 16:25:51 Wige

當您設置複選框值時，您可以設置隱藏的輸入字段，然後該複選框將僅用於顯示目的，真正的值將通過隱藏的輸入字段提交。

來源

2011-02-09 16:26:58 toby

目視禁用複選框，但允許它仍然提交其值

回答

相關問題