2017-10-22 216 views
-1

如果用戶在單選按鈕中選擇了否,我有一個隱藏元素(提交表單),並且我想知道是否有辦法使它成爲不需要的元素隱藏起來,然後在不需要的時候才需要。有任何想法嗎?如何製作不需要的隱藏元素

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

形式中的隱藏元素在哪裏? – brk

+0

@brk隱藏的元素是文件上傳。如果用戶在單選按鈕上選擇否,它將基於JavaScript函數隱藏。 – Haon210012

+0

我不太明白。你說如果你的文件上傳是隱藏的,那麼你不希望它是正確的? – 2017-10-22 01:47:27

回答

0

禁用該元素將導致忽略所需的標記。

element.disabled = true;