如何制作不需要的隐藏元素

Question

如果用户在单选按钮中选择了否，我有一个隐藏元素（提交表单），并且我想知道是否有办法使它成为不需要的元素隐藏起来，然后在不需要的时候才需要。有任何想法吗？

<form method="post" enctype="multipart/form-data" onsubmit="return validateForm()"> 
     <input type="submit" value="Submit" /><br> 
     <label for="fname">First Name:</label> 
     <input type="text" required /><br> 
     <label for="lname">Last Name:</label> 
     <input class="lname" type="text" required/><br> 
     <label for="email">Email:</label> 
     <input class="email" type="text" required/><br> 
     <input type="radio" name="file" value="yes" id="yes" onclick="handleChange(false);" /> 
     <label for="Yes">Yes</label> 
     <input type="radio" name="file" value="no" id="no" onclick="handleChange(true);" /> 
     <label for="No">No</label><br> 
     <p><input type="file" size="30" id="fileUpload" ></p> 
    </form> 

    <script> 
     function validateForm() { 
      window.open("https://www.stackoverflow.com"); 
     } 

     function handleChange(remove) { 
      var element = document.getElementById('fileUpload'); 
      if (remove) 
       element.style.display = 'none'; 
      else 
       element.style.display = 'block'; 
     } 

    </script> 

Answer 1

禁用该元素将导致忽略所需的标记。

element.disabled = true;