我试图设计一个网页表单,我遇到一个奇怪的问题。

我设置了3个单选按钮,但无论我点击什么单选按钮,我都只能选择第一个。 我尝试在Firefox以外的其他浏览器上打开HTML页面,这没关系。 我还尝试了另一个带有Firefox单选按钮的网页表单,没关系。 我无法弄清楚为什么Firefox无法从我的表单HTML页面中选择其他单选按钮。

这是代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<title>m</title></head><body>
<from method="post" action="self">
<label> <span>Gender :</span>
<br>
<input name="gender" value="1" type="radio">Male
<br>
<input name="gender" value="2" type="radio">Female
<br>
<input name="gender" value="3" type="radio">N/A
<br>
</label>
</from>
</body></html>

===============>>#1 票数:3 已采纳

不要在标签内使用多个输入。 我认为在这种情况下,它将仅选择您在单击标签上的第一个输入。

<form method="post" action="self"> <span>Gender :</span>
<br>
<input name="gender" value="1" type="radio"/>Male
<br>
<input name="gender" value="2" type="radio"/>Female
<br>
<input name="gender" value="3" type="radio"/>N/A
<br>
</form>

===============>>#2 票数:0

正如@KK所说,它是由标签标签内的多个输入引起的。

我们遇到了类似的问题。 我想这里发生的事情是在<input>之一的事件触发器,然后冒泡到父<label> 标签被绑定到它们内部的输入,我猜多个输入使它默认为第一个。 因此,它会触发您单击的任何事件,然后气泡到父<label>并再次触发,这将绑定到第一个输入。 我们的情况是使用复选框输入,当选中第二个时,它会设置两个框。 在Firefox中。 不确定为什么Chrome的行为不同。

带有复选框的示例: http//codepen.io/anon/pen/IjboB

  ask by DoubleM translate from so

未解决问题?本站智能推荐: