使用javascript清除表单2输入

我在清除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>

（“#textareafield”）.change（函数（）{
value1=$（this.val（）；
if（value1！=''）$（'#filefield'）.val（''）；
});
（“#filefield”）.change（函数（）{
value2=$（this.val（）；
if（value2！=''）$（'#textraeafield'）.val（''）；
});

如果使用了#文件字段，则从#文本区域字段删除内容；如果使用了#文本区域字段，则从#文件字段删除内容。我需要一个使用javascript或jquery的解决方案。谢谢

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

---

JSFIDLE上的示例：

（…）

只对表达式进行分组。在连接更改处理程序的代码中，您可能希望使用

$（…）

，它调用

$

标识符引用的jQuery函数，就像您稍后查找字段以清除其值时所做的那样。在web开发中，要做的关键事情之一是查看web控制台。在这种情况下，它将向您显示错误

未捕获类型错误：“#textareafield”。更改不是一个函数

或类似函数，指向问题。。。