JavaScript 隐藏元素功能答案

【问题标题】：JavaScript hide element functionJavaScript 隐藏元素功能
【发布时间】：2013-12-21 16:47:20
【问题描述】：

我有一个表单，用户可以根据检查单选按钮选择通用auto-population。当用户选中auto-populate 单选按钮时，字段会自动填充数据，然后字段变为disabled。

在函数的第一部分，我传递了自动填充的数据：

            $('#myOptions').click(function()
            $('#value1').val("Auto-filled data");
            $('#Value2').val("Auto-filled data");                
            $('#Value3').val("Auto-filled data");

在第二部分中，我将禁用 html 输入

            // now i am disabling the html inputs:
            $('#Value4').prop("disabled", true);
            $('#Value5').prop("disabled", true);                
            $('#value6').prop("disabled", true);

假设我在表单中有另一个 ID 为“Value7”的字段，作为此函数的一部分，我想从用户界面中隐藏它。

如何在函数触发时隐藏“Value7”输入？感谢您的帮助，虽然我对 JavaScript 很陌生，但我觉得它非常令人兴奋！

【问题讨论】：

其实我不明白你想解释什么

标签： javascript jquery

【解决方案1】：

使用 jquery：

隐藏

jQuery('#Value7').hide() or jQuery('#Value7').css("display","none")

将元素显示回来

jQuery('#Value7').show() or jQuery('#Value7').css("display","block")

或者纯js：

javascript hide/show element

【讨论】：

太棒了，我喜欢 JQuery 如何简化它，这样我就可以调用 .hide() 方法。非常感谢。

【解决方案2】：

试试这个 javascript：

如果你想禁用：

document.getElementById('#Value7').setAttribute("disabled","disabled");

如果你想启用：

document.getElementById('#Value7').removeAttribute('disabled');

如果你想隐藏：

document.getElementById('#Value7').css("display","none");

如果你想展示：

document.getElementById('#Value7').css("display","block");

【讨论】：

【解决方案3】：

我没有得到你实际上想问什么。让我知道这是否有帮助 -

$("Value7").hide()

【讨论】：