通过CSS设置启用/禁用单选按钮
时间:2020-03-06 14:43:22 来源:igfitidea点击:
有没有办法通过CSS启用/禁用单选按钮(未选中/未选中)?
我需要在客户端上切换一些单选按钮,以便可以在服务器上读取值,但是将'enabled'属性设置为'false'然后通过javascript在客户端上更改此设置似乎阻止了我回发启用后,更改为单选按钮。
请参阅:ASP.NET没有看到单选按钮的值更改
建议我改用control.style.add(" disabled"," true"),但这似乎并不能为我禁用单选按钮。
谢谢!
解决方案
禁用是html属性,而不是css属性。
你为什么不能只使用一些jQuery
$('#radiobuttonname').attr('disabled', 'true');
或者普通的旧javascript
document.getElementById(id).disabled = true;
据我所知,CSS不会影响应用程序的功能。它只会影响显示。因此,尽管我们可以使用css(显示:无)将其隐藏,但无法将其禁用。
我们可以做的是在页面加载时使用javascript禁用它。有两种方法可以做到这一点,但是一个简单的方法就是
<script>document.getElementById('<%=CONTROLID%>').disabled=true;</script>
并将其放在body标记下方顶部的.aspx文件中。
CSS用于更改演示文稿。 JavaScript用于更改行为。将元素设置为启用或者禁用是一种行为,应该在JavaScript中完成。
如果查看asp.net为禁用的单选按钮生成的html,我们会看到该按钮嵌入在span标签中,并且span的disabled属性设置为true。可能以javascript为目标的封闭范围将为我们解决问题