JQuery检查长度

Question

我有一个文本字段（datepicker），如果有人选择了一个日期，该按钮将变为另一种颜色。但不知何故，它没有成功。请帮我一把。

HTML

<input type="text" id="datepicker"> 
<button type="button" onclick="" class="buttDis">Submit</button>

JS

$(document).ready(
    function()
    {
        var txtCheck = $('#datepicker').val();
            if ( txtCheck.length > 0)
                {
                    $('button').addClass('buttEna');
                }
    }



  );

CSS

.buttDis {background-color: gray;}
.buttEna{background-color:blue}

Answer 1

每次change更改时，您都需要触发input事件：

$('#datepicker').change(function() {
    var txtCheck = this.value;
    if ( txtCheck.length > 0) {
        $('button').addClass('buttEna');
    }
});