我有一个文本字段(日期选择器),如果有人选择了一个日期,该按钮将变为另一种颜色。但是不知何故,它无法解决问题。请帮我一下。

的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}

最佳答案

每次change更改时,您都需要触发一个input事件:

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

10-07 19:06
查看更多