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

标签 javascript jquery html css

我得到了一些帮助来创建下面的代码,我想知道应该由谁来使禁用输入文本具有黄色。如果我换成另一个输入文本,禁用的应该有默认背景,新的禁用输入文本应该有黄色背景。

我尝试用这段代码添加代码

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

你知道如何破案吗?

互补。我需要同时拥有风格和残疾。将背景与风格结合使用很重要,因为我使用的是 Bootstrap 。

谢谢!

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

最佳答案

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

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

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

我更新了你的 jsFiddle

关于javascript - 使用 jQuery 将背景颜色添加到输入文本中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30740411/

相关文章:

javascript - 单击链接添加新的下拉菜单框

javascript - 如何用 Javascript 替换整个 HTML 内容?

javascript - SweetAlert,确认后聚焦输入

javascript - jquery "this"在这里令人困惑

javascript - 如果超出父元素的高度,如何隐藏固定元素?

html - 在 html 中显示列表和子列表

javascript - 为什么我的对象 contentDocument 返回 null?

javascript - 如果我有一个对象集合,则使用 jquery.InArray()

javascript - 如何用javascript包装重复的html block ?

javascript - 如何检测网站是否加载到移动设备的 iframe 中?