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

How do I add and remove class in between this jQuery code?

本文关键字：添加 删除 之间 代码 jQuery      更新时间：2023-09-26

我有这个脚本可以启用或禁用提交按钮。我的问题是，如果输入不为空，我想删除当前类（黄色）并添加一个新类（绿色）。还有我想从"立即订购！"更改为"继续！"的按钮的值。我尝试使用 if 语句检查字段，但没有成功，我唯一可以工作的部分是是否禁用提交。

我的提交按钮是这样的：

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

我的jQuery看起来像这样：

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 ''

我不清楚您希望何时发生类和值更改，您是这样吗？

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

你可以用css来做到这一点：

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

看这里： http://jsfiddle.net/FR75Q/

你的意思是.addClass('')和.removeClass('')？示例：http://fiddle.jshell.net/AJLsz/

相关文章：