IE does not select the form field, when the label is pressed, the form field is hidden

Question

I use jQuery to hide form fields (I manipulate checkboxes and radio buttons).

In FF and Chrome, when I click the appropriate label, the form field is still activated and validated. In IE, this does not happen.

How can I set checkbox / radio shortcuts in IE?

Answer 1

I also experienced it. You might be better off moving hidden fields off the screen rather than hiding them.

Actually, I asked this question on SO:

IE - hidden switch is not checked when you click on the corresponding label

Answer 2

? , - css:

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

.hidden, / .

Answer 3

. IE . . , - onclick , . - :

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

, . / .