javacriptでフォーム2の入力をクリアする

Question

htmlフォーム入力をクリアする際に問題があります。 #textareafieldからコンテンツを削除する使用#filefieldと#textareafield場合#filefieldからコンテンツを削除する場合に使用

<input id="filefield" type="file" name="fileupload"/>    
<textarea id="textareafield" name="textupload"></textarea> 

    <script> 
     ('#textareafield').change(function() { 
     value1 = $(this).val(); 
     if (value1 != '') $('#filefield').val(''); 
    }); 

     ('#filefield').change(function() { 
     value2 = $(this).val(); 
     if (value2 != '') $('#textareafield').val(''); 
    }); 
    </script> 

： は、これが私の状況です。私は、javascriptまたはjqueryで解決策が必要です。ありがとう。 jsfiddle上

Answer 1

$(function() { 
    console.log("ready"); 
    $("#filefield").change(function() { 
     if ($(this).val() != '') { 
      $('#textareafield').val(''); 
      // make this field "readonly" 
      $('#textareafield').attr('readonly', true); 
     } 
     else { 
      $('#textareafield').attr('readonly', false); 
     } 
    }); 

    $("#textareafield").change(function() { 
     if ($(this).val() != '') { 
      $('#filefield').val(''); 
      // disable the "file" button 
      $('#filefield').attr('disabled', true); 
     } 
     else { 
      // enable the "file" button 
      $('#filefield').attr('disabled', false); 
     } 
    }); 
}); 

Exemple：https://jsfiddle.net/w3z17dvb/