Javascript 如何使收音机看起来像残疾人,但不';t指定禁用=";残疾人士;,只是使用css和js
正如我们所知,如果我们将disabled=“disabled”设置为radio,那么当提交到后端时,它的值将在表单中丢失。而且收音机没有只读属性。 现在,我不想为禁用的收音机添加隐藏,我只想使用js和css使其看起来像禁用的Javascript 如何使收音机看起来像残疾人,但不';t指定禁用=";残疾人士;,只是使用css和js,javascript,html,css,Javascript,Html,Css,正如我们所知,如果我们将disabled=“disabled”设置为radio,那么当提交到后端时,它的值将在表单中丢失。而且收音机没有只读属性。 现在,我不想为禁用的收音机添加隐藏,我只想使用js和css使其看起来像禁用的 试验 #无线电1{ /*如何使radio1看起来与radio2相同*/ 指针事件:无; 不透明度:0.5; } 您可以使用此插件使其看起来像已禁用 正常情况下,它仅根据常见的CSS规则工作。因此: input[type="radio"] { background
试验
#无线电1{
/*如何使radio1看起来与radio2相同*/
指针事件:无;
不透明度:0.5;
}
您可以使用此插件使其看起来像已禁用 正常情况下,它仅根据常见的CSS规则工作。因此:
input[type="radio"] {
background-color: light-grey;
border: 0 none;
}
不幸的是,Firefox不支持通过CSS进行任何颜色更改,所以到目前为止,我知道您唯一的选择是使用背景图像(使用禁用单选按钮的图像)
您好,Mainz007我相信您可以使用
指针事件模拟只读属性:none
,这不适合您吗
<input type="radio" id="radio1" onclick="return false" style="pointer-events: none;"/>
或者您可以在后端处理这种情况。如果单选按钮被禁用,那么我想您应该使用某种默认值,只需在后端分配它。浏览器有不同的方式显示表单控件,因此没有一个全面的解决方案可以将单选按钮样式设置为与禁用单选按钮完全相同
但是,您可以使用disabled=“true”
属性(和class=“disabled overlay”
向表单提交时要提交的每个收音机添加一个相邻的收音机控件,并使用以下CSS将要显示为禁用的收音机输入设置为“disabled”(参见中的操作中的内容)
您可以使用opacity
#无线电1{
不透明度:.5;
}
您可以将收音机设置为disabled(禁用),然后单击submit(提交)按钮删除禁用的收音机
在jquery库中使用以下代码
$("#sub").click(function(){
$("input").removeAttr('disabled');
});
<input type="submit" value="Save" id="sub" />
$(“#子”)。单击(函数(){
$(“输入”).removeAttr('disabled');
});
在Michal和Vitorino的帮助下,谢谢。我制作的css如下#radio1{指针事件:无;不透明度:0.5;}它在chrome和firefox中运行良好,但IE…有任何评论吗IE@PierreWang您希望为最终用户提供什么级别的向后兼容性?从IE11开始,似乎支持向后兼容。因此,如果用户使用
$("#sub").click(function(){
$("input").removeAttr('disabled');
});
<input type="submit" value="Save" id="sub" />