代码之家  ›  专栏  ›  技术社区  ›  Daniel A. White

IE单击标签时未选择表单字段表单字段被隐藏

  •  3
  • Daniel A. White  · 技术社区  · 16 年前

    我使用jQuery隐藏表单字段(我操作复选框和单选按钮)。

    在FF和Chrome中,当我单击相关标签时,表单字段仍会激活并检查。在IE中,这种情况不会发生。

    3 回复  |  直到 16 年前
        1
  •  3
  •   Community Mohan Dere    9 年前
        2
  •  0
  •   Sampson    16 年前

    你怎么藏起来的?您可能需要通过一些激进的css将其移出屏幕:

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

    .hidden 类以显示/隐藏元素。

        3
  •  0
  •   dnagirl    16 年前

    我也遇到过这种情况。IE不会更改隐藏表单字段的值。你必须先把它们解开。可能最简单的方法是向所有允许隐藏表单字段的标签添加onclick操作。比如:

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

    显然,这只会打开字段。您需要为重新隐藏/取消选择设置切换条件。