JavaScript隐藏元素功能

时间:2013-12-21 08:28:40

标签: javascript jquery

我有一个表单,用户可以根据检查单选按钮选择通用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的新手,虽然我觉得它非常令人兴奋!

3 个答案:

答案 0 :(得分:4)

使用jquery:

隐藏

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

要显示元素

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

或纯粹的js:

javascript hide/show element

答案 1 :(得分:1)

试试这个javascript:

如果您想要停用:

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

如果您想要启用:

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

如果你想隐藏:

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

如果你想展示:

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

答案 2 :(得分:1)

我没有得到你想要的实际问题。 如果这有帮助,请告诉我 -

$(“Value 7”)。hide()