Question

我最近开始使用bootstrap来创建网站的前端。我最初使用chrome来开发它。我最近开始在firefox上测试，我遇到了一个问题。我在首页上有几个单选按钮。当我点击我想要的那个时，它看起来好像只是选择了第一个而不是我点击的那个。如果我快速点击几次就可以正确选择。任何想法为什么会这样？代码在这里：

<form action="redirector.php" action="get">
            <fieldset>
            <table border="1">
                <tr>
                    <td valign="top"><b>Please select a genome:</b><br>
                    <label class="radio">
                <input type="radio" name ="genome" value="Acral2">Acremonium Alcalophilum<br><input type="radio" name ="genome" value="Aspni3">Aspergillus niger<br><input type="radio" name ="genome" value="Glotr1_1">Gloeophyllum trabeum<br><input type="radio" name ="genome" value="Phchr1">Phanerochaete chrysosporium<br><input type="radio" name ="genome" value="PleosPC15_2">Pleurotus ostreatus<br><input type="radio" name ="genome" value="Spoth2">Sporotrichum Thermophile<br><input type="radio" name ="genome" value="Thite2">Thielavia terrestris<br>                     </label>
                    </td>
                    <td valign="top">
                        <b>View proteins with JGI annotation of type:</b><br>
                        <label class="radio">
                            <input type="radio" name ="jgiAnnotation" value=sigPInformationView>SignalP Information<br>
                            <input type="radio" name ="jgiAnnotation" value=ecInformationView>EC and Pathway Information<br>
                            <input type="radio" name ="jgiAnnotation" value=domainInformationView>Domain Information<br>
                            <input type="radio" name ="jgiAnnotation" value=goInformationView>Go Information<br>
                        </label>
                        <button type="submit" class="btn">Submit</button>
                        </fieldset>
                        </form>
                    </td>
                    <td valign="top">
                    <form action="annotationInfoView.php" action="get">
                        <fieldset>
                        <b>View single protein:</b><br>
                        Enter our ID number:<input type="text" name ="ourId"><br>
                        (i.e. jgi_Spoth2_2293939)<br>
                        <button type="submit" class="btn">Submit</button>
                        </fieldset>
                    </form>
                    </td>
                </tr>
            </table>

http://jsfiddle.net/CTF2s/

Answer 1

问题是你在一个标签内有多个单选按钮。

如果我快速点击几次就可以正确选择。

这可能是因为您直接单击单选按钮而不是单选按钮旁边的文本。这就是所有浏览器的行为方式，包括Chrome。

查看Twitter Bootstrap's "Forms" documentation的“复选框和无线电”部分以获取工作示例。

Bootstrap单选按钮在firefox中无法正常工作

1 个答案: