Question

我得到了一些帮助来创建下面的代码，我想知道我应该让禁用输入文本为黄色。如果我更改为另一个输入文本，禁用的应该具有默认背景，并且新的禁用输入文本应该具有黄色背景颜色。

我尝试使用此代码添加代码

代码"$('.'+other_class).prop('style', 'background-color : yellow;' );"但它没有那么顺利。

你知道怎么解决这个案子吗？

补充。我需要同时拥有风格和禁用。因为我正在使用bootstrap，所以使用带风格的背景很重要。

谢谢！

$(document).ready(function(){
    $('input[type=radio][name=test]').click(function(){
        var related_class=$(this).val();
        $('.'+related_class).prop('disabled',false);

        $('input[type=radio][name=test]').not(':checked').each(function(){
            var other_class=$(this).val();
            $('.'+other_class).prop('disabled',true);
        });
    });
});

Answer 1

尝试如下：

而不是：

$('.'+other_class).prop('style', 'background-color : yellow;' );

执行：

$('.' + other_class).css({'background-color': 'yellow'});

Answer 2

不要在jQuery（javascript）中使用CSS样式。最好将样式保存在单独的文件中。

我添加了:disabled CSS选择器来输入你的风格

input[type="text"]:disabled{
    background-color: yellow;
}

我更新了您的jsFiddle

Answer 3

在您添加样式的任何时候首先使用.addClass()函数我更倾向于使用$('.'+other_class).addClass('yourClass')功能与内联CSS

将样式保存在CSS文件中。

但是......不需要javascript。这可以通过CSS

完成

input[type="text"]:disabled {
    background:yellow;
}

以下是JS Fiddle

的链接

使用jQuery将背景颜色添加到输入文本中

3 个答案: