JavaScript隐藏元素函数

Question

我有一个表单，用户可以在检查单选按钮的基础上选择一个通用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非常陌生，虽然我觉得这很令人兴奋！

Answer 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

Answer 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");

Answer 3

我不明白你到底想问什么。如果这有帮助的话请告诉我-

$("Value7").hide()