如何使隐藏元素不需要



如果用户对单选按钮选择"否",我有一个隐藏的元素(提交表单),我想知道是否有办法做到这一点,以便该元素在隐藏时不需要,但在隐藏时需要。 有什么想法吗?

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

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

element.disabled = true;

相关内容

最新更新