使用jquery清除事件上的文本输入时出现问题

Question

我有以下jsFiddle。问题是当它禁用输入时它不会清除文本字段中的输入。

这是jquery ......

$(function() {
    $( "#datepicker" ).datepicker();
});
$('.begin-date-picker').on('change', function () {
        if ($(this).val().length > 0) {
            $('input.needs-begin-date:checkbox').each(function(iControls){
                this.disabled = false;
            })
            $('input.needs-begin-date:text').each(function(iControls){
                this.disabled = false;
            })
        }
        else{
            alert('empty');
            $('input.needs-begin-date:checkbox').each(function(iControls){
                this.checked = false;
                this.disabled = true;

            })
            $('input.needs-begin-date:text').each(function(iControls){ 
                this.disabled = true;
                this.val('');
            })
        }
});

这可以通过......重新创建。

1. 输入日期
2. 选中复选框，在文本框中输入文字
3. 删除日期

Answer 1

你需要在jQuery包装器中包装this：

$(this).val('');

甚至可以更好地提取value中的this：

this.value = '';

Answer 2

应该有$(this)而不是this。

更新并使用JSFiddle：http://jsfiddle.net/XyWfr/6/

Answer 3

 $(this).val(null);

在

中使用它

 $('input.needs-begin-date:text').each(function(iControls){ 
                this.disabled = true;
                this.val('');
            })

这里是小提琴http://jsfiddle.net/XyWfr/7/