検索フォームには 3 つのテキスト フィールドがあり、その中にクリア ボタンがあります。
これが私がやりたいことです-
1 - 最初にクリアボタンが無効になります
2 - テキスト ボックスのいずれかにテキストが入力されると、[クリア] ボタンが有効になります。
3 - いずれかのテキスト ボックスにテキストがない場合にのみ、[クリア] ボタンが無効になります。
4 - 検索条件をさらに追加することもできます。つまり、テキスト ボックスはいくつでも作成できます。
これが私のコードです:
var toValidate = $("#basicSearchFields input"),
clearBtn = $("#clearBasicSearch");
toValidate.keyup(function () {
toValidate.each(function () {
if ($(this).val().length > 0) {
valid = true;
} else {
valid = false;
}
(valid === true) ? clearBtn.removeClass('disabled') : clearBtn.addClass('disabled');
});
});
テキストがテキストボックスのいずれかに入力されたときに実際にこのコードが行っていることは、ボタンが有効になっていますが、テキストボックスからテキストをクリアしてもボタンは再び無効になりません。私を助けてください!!