IE6强制两次点击以触发Javascript事件

Question

我有一个包含2个单选按钮的Web表单，具体取决于单击哪一个显示隐藏元素

除了IE6之外，所有浏览器都可以正常工作，在我点击单选按钮后，我必须再次点击（窗口上的任何地方）然后显示元素...有人之前有这样的行为？

我试图不使用jQuery并直接执行getElementById（）但我得到了同样的行为......

的Javascript

function showHidden(divid) {
  $('#'+divid).css( {'display':'inline'} );
}

HTML

<input type=radio name=borp  value=1 onChange='showHidden("brandchecks")' > Brand
<input type=radio name=borp  value=2 onChange='showHidden("productchecks")' > Product

<div id='brandchecks' style='display:none;'>
Blah
</div>

<div id='productchecks' style='display:none;'>
Blah
</div>

Answer 1

我以为我记得有关IE在触发焦点丢失后触发onChange event 的事情。此行为将与您所看到的相匹配（即单击其他位置以激活您的代码）

尝试更改onChange中的onClick以获得更好的效果。

注意：为了能够点击单选按钮旁边的文字，您可以使用<label>标记，这样会生成更加用户友好的页面。