向禁用的按钮添加类或样式

丹吉

我禁用一个按钮,直到至少选中一个复选框,如下所示:

var checkboxes = $("input[type='checkbox']"),
    submitButt = $("input[type='button']");

checkboxes.click(function() {
    submitButt.attr("disabled", !checkboxes.is(":checked"));
});

我的按钮的初始状态被禁用,但是我需要使其淡出或添加不透明性,我不确定添加类还是仅添加CSS的最佳方法是什么?我不是很确定吗?

TJ人群

如果您要调整禁用按钮的外观,则可以使用CSS属性状态选择器input[type=button][disabled]

input[type=button][disabled] {
  color: red;
  opacity: 0.5;
}

之所以disabled可行,是因为禁用的按钮具有属性,而启用的按钮没有属性。

例子:

var btn = $("#toggle");
setInterval(function() {
  btn.prop("disabled", !btn.prop("disabled"));
}, 1000);
input[type=button][disabled] {
  color: red;
  opacity: 0.5;
}
<input type="button" value="This is enabled">
<input type="button" disabled value="This is disabled">
<input id="toggle" type="button" value="This one goes back and forth">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

向按钮添加第二个功能并禁用某些类

来自分类Dev

如何通过prop向按钮中的按钮添加禁用属性?

来自分类Dev

ReactJs向按钮添加活动类

来自分类Dev

ReactJs向此按钮添加类

来自分类Dev

覆盖引导程序样式,按钮类的禁用状态

来自分类Dev

选择单选按钮时如何向父项添加样式

来自分类Dev

angularjs ng-disabled不会向按钮添加禁用

来自分类Dev

通过 AJAX 向 Bootstrap 按钮添加“禁用”属性

来自分类Dev

如何向 roundSlider 小部件添加启用/禁用按钮?

来自分类Dev

是否可以向Razor元素添加类和样式

来自分类Dev

Javascript-使用类向元素添加CSS样式

来自分类Dev

使用XMLDocument类向HTML文档添加元和样式

来自分类Dev

是否可以向Razor元素添加类和样式

来自分类Dev

我想通过向按钮添加两种不同的纯色为按钮添加CSS样式

来自分类Dev

向PHP添加样式

来自分类Dev

如何向在wxwidgets中的类中创建的按钮添加命令?

来自分类Dev

如果选中任何复选框,则向按钮添加类

来自分类Dev

将CSS类添加到Vue禁用的按钮

来自分类Dev

如何向材料ui标签滚动按钮分别添加左右样式,以用于左右按钮

来自分类Dev

按钮不会显示禁用的样式

来自分类Dev

按钮类型CSS和禁用的按钮样式

来自分类Dev

向CSS表添加样式

来自分类Dev

将禁用的样式(css)添加到输入类型文件按钮

来自分类Dev

向类添加功能

来自分类Dev

向数组添加类

来自分类Dev

向类添加方法

来自分类Dev

AngulaJS为活动单选按钮向父类添加一个类

来自分类Dev

如何修改类的实际CSS,而不是向该类的每个元素添加样式?

来自分类Dev

CSS:向带有类的最后一个元素添加样式(不带JS)

Related 相关文章

热门标签

归档