Как отключить ввод файла, если используется текстовое поле

Question

Мне нужно отключить ввод файла, если используется определенный ввод текста. Или отключите ввод текста, если используется входной файл. Однако, если конечный пользователь меняет свое мнение, я хочу иметь возможность включить ввод файла, если ввод текста пуст, и наоборот.

Это хорошо работает, чтобы отключить ввод файла, если используется текстовый ввод. Тем не менее, если я очищаю ввод текста, входной файл остается заблокированным:

$("#linkurl").on('keyup blur', function(){ 
     $('#link').attr('disabled', this.value.trim().length); 
    }); 

Я попробовал это, но это явно не получилось:

$("#linkurl").on('keyup blur', function(){ 
     if($.trim($("#linkurl").val()) === ''){ 
      $('#link').attr('disabled'); 
     }else{ 
      $('#link').removeAttr('disabled'); 
     } 
    }); 

Вот мой HTML:

<form action="default.cfm" method="post" enctype="multipart/form-data" id="linkform"> 
<div id="formdiv"> 

    <strong style="color: #ff0000;">Linked Text</strong>: Enter the text you wish to display for the link.<br/> 
    <strong style="color: #ff0000;">URL</strong>: Enter a URL if you wish to link to another website (include: http://).<br/> 
    <strong style="color: #ff0000;">PDF:</strong> The PDF file you wish to upload.<br/><br/> 

    <strong style="color: #ff0000;">Linked Text:</strong><br/> 
    <input type="text" name="linktext" id="linktext" required><br/><br/> 
    <strong style="color: #ff0000;">URL:</strong><br/> 
    <input type="text" name="linkurl" id="linkurl" value="If link, enter here..." required><br/><br/> 
    <strong style="color: #ff0000;">PDF:</strong><br/> 
    <input type="file" name="link" id="link" required> 

</div> 

<div id="submitbox"><input type="submit" value="Click to Create Link" id="updatebutton"></div> 

Одна сторона моей головы полностью лысая, вытягивая мои волосы из-за этого. Я открыт для предложений, если есть лучший способ ...

Спасибо ...

Answer 1

Пожалуйста, измените следующий код

$("#linkurl").on('keyup blur', function(){ 
      if($.trim($("#linkurl").val())){ 
      $('#link').attr("disabled", "disabled"); 
     }else{$('#link').removeAttr('disabled');} 
    }); 

$("#link").on("change", function(){ 
      if($.trim($("#link").val())){ 
      $('#linkurl').attr("disabled", "disabled"); 
     }else{$('#linkurl').removeAttr('disabled');} 
    }); 

jsfiddle

Answer 2

Почему вы не используете длину proprety, чтобы увидеть, если вход пуст?

Например:

$("#linkurl").on('keyup blur', function(e){ 
    if($(this).val().length == 0){ 
     $('#link').attr('disabled'); 
    }else{ 
     $('#link').removeAttr('disabled'); 
    } 
}); 

Answer 3

Это должно работать для вас:

$('#linkurl').on('keyup blur', function() { 
    'use strict'; 
    if ($.trim($('#linkurl').val())) { 
     // The field is not empty 

     $('#link').prop('disabled', true); 
    } else { 
     $('#link').prop('disabled', false); 
    } 
}); 

Вот JSFiddle.

Answer 4

$("#linkurl").on('keyup blur', function(e){ 
    if(trim($(this).val())==''){ 
     $('#link').attr('disabled'); 
    }else{ 
     $('#link').removeAttr('disabled'); 
    } 
}); 

Answer 5

Попробуйте это, я думаю, что ваше состояние, если же неправильно, если существует некоторое значение в #linkurl, то вы хотите, чтобы отключить #link else включить его право

$("#linkurl").on('keyup', function(){ 
     if($.trim($(this).val()).length == 0){ 
      $('#link').removeAttr('disabled'); 
     }else{ 
      $('#link').attr('disabled','disabled'); 
     } 
    }); 

http://jsfiddle.net/pfALM/1/