Question

我在清除html表单输入时遇到问题。这是我的情况：

<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>

如果使用了#filefield，则删除#textareafield中的内容，如果使用了#textareafield，则删除#filefield中的内容。我需要一个使用javascript或jquery的解决方案。感谢。

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);
        }
   });
});

以jsfiddle为例：https://jsfiddle.net/w3z17dvb/

使用javascript清除表单两个输入

1 个答案: