Javascript 如何在jQuery代码之间添加和删除类？

我有这个脚本，可以启用或禁用提交按钮。我这里的问题是，如果输入不是空的，我想删除当前类（黄色）并添加一个新类（绿色）。另外，我要将按钮的值从“立即订购！”更改为“继续！”。我试着用if语句检查字段，但没有成功，我唯一能做的就是检查提交是否被禁用

我的提交按钮如下所示：

<input type="submit" class="submit-order-btn yellow" value="Order now!">

var $submit = $('.submit-order-btn'),
    $inputs = $('input[type=text]');

function checkEmpty() {
    return $inputs.filter(function() {
        return !$.trim(this.value);
    }).length === 0;
}

$inputs.on('blur keyup', function() {
    $submit.prop("disabled", !checkEmpty());
}).blur();

// DEBUG BEGIN \\
$submit.on("click", function() {
        alert("Submitted");
});
// DEBUG END \\

---

您只需使用css即可做到这一点：

.yellow{
    background-color:green;
}
input[type="submit"]:disabled{
    background-color:yellow;
}

---

请参见此处：

我不清楚您希望在什么时候更改类和值，您的意思是这样吗

$inputs.on('blur keyup', function() {
    $submit.prop("disabled", !checkEmpty());

    if (!checkEmpty()) {
        $submit.removeClass('yellow').addClass('green');
        $submit.val('Proceed!');
    } else {
        $submit.removeClass('green').addClass('yellow');
        $submit.val('Order now!');
    }
}).blur();

---

你的意思是像

.addClass（“”）

和

.removeClass（“”）

？

---

示例：

函数是否工作？或者你也需要帮助解决这个问题吗？它工作得很好：）我想我不知道如何在这两者之间添加/删除CSS类。很高兴我能帮上忙。请别忘了标记你问题的答案，以便其他人可以在需要时找到：）谢谢，尽管我两个都试过了，但都没能成功。我在用你的解决方案，谢谢。