我有这个代码:
$('#inputID').on('keyup', function () {
if ($('#inputID').val() == '') {
$(".button").removeClass('uk-button-success');
} else {
$(".button").addClass('uk-button-success');
}
})
它需要一个输入来填充,所以一个特定的按钮得到一个类添加。现在我想要检查多个输入,如果它们都被填充而不是空的,我想要添加类“UK-Button-Success”到一个按钮。
if ($('#inputID', '#inputID2').val() == '')
我试过的其他方法都不起作用。
我该怎么做?
只需按类设置目标,使其具有多个元素,然后使用$(this)
例如:在一批输入中设置一个跟随所有内容的最终值。
$(function() {
result = true
$('.input').each(function () {
if ($(this).val() === '') {
result = false
}
})
result ? $("#target").addClass('success') : $("#target").removeClass('success');
});
=>https://jsfidle.net/cjwro7k2/1/
您的基本用例
$(function() {
$('.input').on('click', function () {
if ($(this).val() === '') {
$("#target").removeClass('success');
} else {
$("#target").addClass('success');
}
})
});
=>https://jsfidle.net/45of2nrk/