Javascript 在输入的文本上更改文本框边框颜色

我有

复选框

，当选中

复选框

时，旁边的

文本框

边框颜色应变为绿色，如果未选中，则

文本框

边框颜色应为红色。 Jquery代码：

$('#item_availability1_unlimited').on('change', function () {

    if ($('#item_availability1_unlimited').is(':checked')) {
        $('#item_availability1').css('border', '2px solid #11b818');
    } else {
        $('#item_availability1').css('border', '2px solid #F00');
    }
});

我已经完成了上述部分，我需要的是以下内容：

---

而且，如果

文本框是空的，那么它的边框颜色应该是红色，如果它是与文本一起输入的，那么它应该变成绿色。
这是因为你忘了在小提琴中包含jQuery

从
框架和扩展
选项卡中选择
jQuery
，它应该可以工作



编辑：根据您的评论，您需要使用：

$('#item_availability1_unlimited').on('change', function () {

    if ($('#item_availability1_unlimited').is(':checked')) {
        $('#item_availability1').css('border', '2px solid #11b818');
    } else {
        $('#item_availability1').css('border', '2px solid #F00');
    }
}).change();

$('#item_availability1').on('keyup', function () {
 if ($(this).val().length > 0) {
        $('#item_availability1').css('border', '2px solid #11b818');
    } else {
        $('#item_availability1').css('border', '2px solid #F00');
    }
});

您可以将“$”（“#项可用性1_unlimited”）替换为（“：已选中”）。选中如果文本框为空，则其边框颜色应为红色，如果输入文本，则边框颜色应改为绿色。我需要的是这个如果文本框为空，则其边框颜色应为红色，如果输入文本，则应变为绿色