Javascript 单击更改颜色输入字段

我正在使用Bootstrap4，希望通过单击按钮更改输入字段的背景色

这是我的密码：

        <div class="form-group row">
            <label for="staticEmail" class="col-sm-2 col-form-label">Dein Ersparniss / Jahr</label>
            <div class="col-sm-10">
                <input type="text" class="form-control" name="txtres" readonly>
            </div>
        </div>

Dein Ersparniss/Jahr

以下是按钮：

<input type="button" class="btn btn-danger" value="Berechnen" onClick="sumValues()">

有人能帮我使用jQuery吗？

使用

css（）

在单击按钮时更改bgcolor

函数值（e）{
$（'input[name=txtres]'）.css（'backgroundColor'，'red'）
}

Dein Ersparniss/Jahr

使用

css（）

在单击按钮时更改颜色

函数值（e）{
$（'input[name=txtres]'）.css（'backgroundColor'，'red'）
}

Dein Ersparniss/Jahr

.css（'background-color'，'blue'）

在您要更改颜色的输入上使用此方法。您可以按名称访问输入，如下所示

$（'input[name=“txtres”]”）

函数sumValues（）{
$（'input[name=“txtres”]）.css（'background-color'，'blue'）
}

Dein Ersparniss/Jahr

.css（'background-color'，'blue'）

在您要更改颜色的输入上使用此方法。您可以按名称访问输入，如下所示

$（'input[name=“txtres”]”）

函数sumValues（）{
$（'input[name=“txtres”]）.css（'background-color'，'blue'）
}

Dein Ersparniss/Jahr

您可以添加一个

。单击按钮上的事件，然后使用
.css（）
更改输入字段的颜色：


$（'.color btn'）。单击（函数（）{
$（'.input color'）.css（{color:'红色'，'背景色'：'黑色'}）；
});

Dein Ersparniss/Jahr
您可以添加一个
。单击按钮上的事件，然后使用
.css（）
更改输入字段的颜色：


$（'.color btn'）。单击（函数（）{
$（'.input color'）.css（{color:'红色'，'背景色'：'黑色'}）；
});

Dein Ersparniss/Jahr
这就是我要做的


$（'btn-danger'）.css（“背景色”、“蓝色”）；
$（文档）.ready（函数（）{
$（'.btn danger'）。打开（“单击”，函数（）{
$（'input[type=“text”]”）css（“背景色”、“蓝色”）；
});
});

Dein Ersparniss/Jahr
这就是我要做的


$（'btn-danger'）.css（“背景色”、“蓝色”）；
$（文档）.ready（函数（）{
$（'.btn danger'）。打开（“单击”，函数（）{
$（'input[type=“text”]”）css（“背景色”、“蓝色”）；
});
});

Dein Ersparniss/Jahr
您还可以使用所需的
背景色创建
css类
，然后在单击
按钮时将该
类
添加到输入中。这只是另一种方法：


sumValues=function（）{
$（'input[name=“txtres”]”）。addClass（“彩色背景”）；
}
。彩色背景{
背景：浅绿色；
}

Dein Ersparniss/Jahr
您还可以使用所需的
背景色创建
css类
，然后在单击
按钮时将该
类
添加到输入中。这只是另一种方法：


sumValues=function（）{
$（'input[name=“txtres”]”）。addClass（“彩色背景”）；
}
。彩色背景{
背景：浅绿色；
}

Dein Ersparniss/Jahr
到目前为止，您的jQuery代码是什么？您希望将背景颜色更改为什么元素？到目前为止，您的jQuery代码是什么？要将背景色更改为什么元素？