IE не выбирает поле формы при нажатии метки, поле формы скрыто

Question

Я использую jQuery для скрытия полей формы (я манипулирую флажками и переключателями).

В FF и Chrome, когда я щелкаю соответствующую метку, поле формы все еще активируется и проверяет. В IE этого не происходит.

Как сделать так, чтобы ярлык активировал флажки / переключатели в IE?

Answer 1

Я испытал это и раньше. Возможно, вам лучше убрать скрытые поля с экрана, а не скрывать их.

На самом деле, я задал этот вопрос на SO:

IE - скрытая кнопка-переключатель не отмечена при нажатии на соответствующую метку

Answer 2

Я тоже столкнулся с этим. IE не изменит значение скрытых полей формы. Вы должны сначала показать их. Вероятно, самый простой способ - это добавить действие onclick ко всем меткам, которым разрешено иметь скрытые поля формы. Что-то вроде:

$("label.hideablefield").live('click', function(){
  var fid = $(this).attr('for');
  $('#'+ fid).show();
  $('#'+ fid).select(); //or maybe .focus, I'm not sure 
});

Очевидно, это только включает поле. Вам нужно установить условие переключения для повторного скрытия / отмены выбора.

Answer 3

Как ты это скрываешь? Возможно, вам придется переместить его за пределы экрана с помощью радикальной CSS:

.hidden { position:relative; left: -10000 }

А затем переключите класс .hidden, чтобы показать / скрыть элемент.