【问题标题】:Avoiding radio input getting focus when an input element in its label is selected in Firefox在 Firefox 中选择其标签中的输入元素时避免单选输入获得焦点
【发布时间】:2011-02-21 11:41:34
【问题描述】:

我已经阅读了这个问题并且我遇到了同样的问题:
Put text input inside label for radio button?

随意使用火狐浏览一下(Chrome和IE8没有这个问题):
http://pastehtml.com/view/1dbqqb3.html

我现在明白必须使用一些 javascript 来修复 Firefox 中的这种行为。

但我不知道如何编写这段代码。

提前致谢。

【问题讨论】:

  • 如相关问题中所述... HTML 不支持在标签内为另一个输入控件嵌套输入元素。

标签: javascript firefox cross-browser firefox3.6


【解决方案1】:

一些html:

<input id="radio1" type="radio" />
<input id="text1" onfocus="selectRadioBtn('radio1')" />

JavaScript:

function selectRadioBtn(id)
{
    document.getElementById(id).checked = true;
}

【讨论】:

    最近更新 更多