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

【问题标题】：Add Background Color into a Input Text using jQuery使用 jQuery 将背景颜色添加到输入文本中
【发布时间】：2015-08-24 18:21:44
【问题描述】：

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

我试图用这个代码添加一个代码

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

你知道如何解决这个案子吗？

补语。我需要同时拥有风格和禁用。使用带样式的背景很重要，因为我使用的是引导程序。

谢谢！

https://jsfiddle.net/8NynQ/118/

$(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);
        });
    });
});

【问题讨论】：

您可以将字段禁用为黄色吗？ :disabled { background: #FF0 }.
是this你想要什么？
差不多。被禁用的应该有黄色背景，但不是处于活动状态的。活动的应该有一个默认的背景。如果您更改单选按钮，新的输入文本应该被禁用并具有黄色背景。

标签： javascript jquery html css

【解决方案1】：

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

我添加了:disabled CSS 选择器来输入你的样式

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

我更新了你的jsFiddle

【讨论】：

请查看上方以获取更多信息。
几乎是正确的。当您启动 jsfiddle.net/8NynQ/121 时，我没有看到禁用的输入文本具有黄色背景色。
看看这个，我从 jQuery 中删除了 css 样式并更新了 css jsfiddle.net/8NynQ/127。这是预期的行为吗？
答案是jsfiddle.net/8NynQ/127

【解决方案2】：

无论何时添加样式，首先使用 .addClass() 函数，我更喜欢使用他们的 $('.'+other_class).addClass('yourClass') 函数而不是内联 CSS

将样式保存在 CSS 文件中。

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

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

这是JS Fiddle的链接

【讨论】：

请查看上方以获取更多信息。

【解决方案3】：

尝试如下：

代替：

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

做：

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

【讨论】：

请查看上方以获取更多信息。