当标签被点击时IE没有选择表单域隐藏表单域

Question

我正在使用jQuery来隐藏表单域（我正在操作复选框和单选按钮）。

在FF和Chrome中，单击相关标签时，表单字段仍会激活并进行检查。在IE中，这并没有发生。

如何让标签激活IE中的复选框/单选按钮？

Answer 1

我以前也经历过这种情况。将隐藏区域移出屏幕而不是隐藏它们可能会更好。

事实上，我曾问上，这样的问题：

IE - hidden radio button not checked when the corresponding label is clicked

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 
}); 

显然，这只能打开该字段。您需要设置切换条件以重新隐藏/取消选择。