我有一个文本字段(日期选择器),如果有人选择了一个日期,该按钮将变为另一种颜色。但是不知何故,它无法解决问题。请帮我一下。
的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');
}
});