2013-12-21 164 views
1

我有一个表单,用户可以根据选中的单选按钮选择一个通用的auto-population。当用户检查auto-populate单选按钮时,这些字段会自动填充数据,然后字段将变为disabledJavaScript隐藏元素函数

在功能的第一部分,我通过自动填充数据:

  $('#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”的ID,作为此函数的一部分,我想从用户界面隐藏。

如何在功能触发时隐藏“Value7”输入?我很感激帮助,我对JavaScript很陌生,但我觉得它很刺激!

+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

+0

真棒,我像jQuery如何简化它是什么,这样我就可以调用.hide()方法。非常感谢。 – user2917239

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

我没有得到你有什么要问actualy。 让我知道如果这能帮助 -

$(“Value7”)隐藏()