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

时间:2017-10-22 01:37:27

标签: javascript html webforms elements

如果用户为单选按钮选择“否”,我有一个隐藏元素(提交表单),我想知道是否有一种方法可以使它在隐藏时不需要该元素,但是当它是不。有什么想法吗?

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

1 个答案:

答案 0 :(得分:0)

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

element.disabled = true;