输入字段为空时的Jquery设置两个输入字段以禁用false

Question

在url字段中输入内容并再次清除时。两个输入字段都应设置为禁用false。

代码在此处生效：http://jsfiddle.net/buyC9/117/

我的HTML：

<h1>Upload image:</h1>
<input type="file" name="blog[opload]" id="blog_opload" class="imagec">
<input type="url" size="50" name="blog[url]" id="blog_url" class="imagec">
<div id="preview">
</div>

我的JQUERY：

$('input').change(function() {
    $('.imagec').prop('disabled', true);
    $(this).prop('disabled', false);
    alert( $(this).text() );
    if ( $(this).attr('type') == 'url') {
        $('#preview').show().html('<img src=' + '"' + $(this).val() + '"' + ' />');
    }
});

 if( !$('.imagec').trim(this.value).length ) {
          alert('TOM');
 }

Answer 1

试试这个：

$('input').change(function() {
    var el = $(this);
    if(this.value === ""){
        $('.imagec').prop('disabled', false);
        this.disabled = false;
        $('#preview').hide();
    }else{
        $('.imagec').prop('disabled', true);
        el.prop('disabled', false);
        alert( el.val() );
        if (el.attr('type') == 'url') {
            $('#preview').show().html('<img src=' + '"' + el.val() + '"' + ' />');
        }   
    }
});

编辑：

请参阅Feedle： http://jsfiddle.net

Answer 2

$('input.imagec').change(function() {
    $('.imagec').prop('disabled', true);
    var iAm = $(this);
    iAm.removeProp('disabled');
    if (iAm.val() == "") {
        $('.imagec').removeProp('disabled');
    }
    alert($(this).val());
    if ($(this).attr('type') == 'url') {
        $('#preview').show().html('<img src=' + '"' + $(this).val() + '"' + ' />');
    }
});