小贝子编程

更改HTML按钮值的颜色，其中值来自调用Javascript的onclick

本文关键字：调用 onclick Javascript HTML 按钮颜色更改 javascript html css button styles
更新时间 : 2023-09-01
英文 : change HTML button value color where value is from onclick calling Javascript

我使用简单按钮作为

<input type="button" value="Search" onclick="ajaxsubmit(this.form)" />

其中函数ajaxsubmit()看起来像

function ajaxsubmit(f) {
$('#sendreq').attr("disabled", true);
$('#sendreq').val("Sending Request");

我想设置按钮onclick值（发送请求）的样式，将其颜色更改为红色，但初始按钮值（搜索）的颜色不应更改

JS:

function ajaxsubmit(f) {
  $('#sendreq').attr("disabled", true);
  $('#sendreq').val("Sending Request").addClass("redbutton");
}

CSS（文本颜色，如果你想要，可以使用背景色。你可以使用任何应该应用的样式）：

.redbutton{
    color:red;
}

每当您想要删除红色文本时，只需在按钮元素上调用.removeClass("redbutton")即可。

$('#sendreq').css('background', '#FF000');
$('#sendreq').addClass('redBackground');

这可以通过多种方式实现！拾取并选择：）

相关内容