通過 CSS 設置單選按鈕啟用/禁用

Question

有沒有辦法通過 CSS 啟用/禁用（未選中/取消選中）單選按鈕？

我需要在客戶端上切換一些單選按鈕，以便可以在服務器上讀取值，但是將“啟用”屬性設置為“假”然后通過 javascript 在客戶端上更改它似乎阻止我回發任何單選按鈕啟用后更改。

建議我改用 control.style.add("disabled", "true") ，但這似乎並沒有禁用我的單選按鈕。

謝謝！

Answer 1

Disabled 是一個 html 屬性，而不是一個 css 屬性。

為什么你不能只使用一些 jQuery

$('#radiobuttonname').attr('disabled', 'true');

或普通的舊 javascript

document.getElementById(id).disabled = true;

Answer 2

據我所知，CSS 不會影響應用程序的功能。 它只能影響顯示。 因此，雖然您可以使用 css (display:none) 隱藏它，但您無法禁用它。

您可以做的是在使用 javascript 的頁面加載時禁用它。 有幾種方法可以做到這一點，但一個簡單的方法是做類似的事情

<script>document.getElementById('<%=CONTROLID%>').disabled=true;</script>

並將其放在 body 標記下方頂部的 .aspx 文件中。

Answer 3

CSS 用於更改演示文稿。 JavaScript 用於改變行為。 將元素設置為啟用或禁用是一種行為，應該在 JavaScript 中完成。

Answer 4

如果您查看asp.net 為禁用單選按鈕生成的html，您會看到該按鈕嵌入在span 標記中，並且span 的disabled 屬性設置為true。 也許 javascript 定位一個封閉的跨度會為你做的伎倆