2013-12-21 13 views
1

У меня есть форма, где пользователь может выбрать общий auto-population на основе проверки переключателя. Когда пользователь проверяет переключатель auto-populate, поля автоматически заполняются данными, а затем поля становятся disabled.Функция скрытия JavaScript JavaScript

В первой части функции, я прохожу автоматического заполнения данных:

  $('#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); 

Пусть у меня есть еще одно поле с идентификатором «Value7» в форме, который я хотел бы скрыть от пользовательского интерфейса как часть этой функции.

Как скрыть вход «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

Awesome, мне нравится, как 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») скрыть()

Смежные вопросы