1

最近、ブートストラップを使用して Web サイトのフロント エンドを作成し始めました。私はもともとクロムを使用して開発していました。最近、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/

4

1 に答える 1

4

問題は、1 つのラベル内に複数のラジオ ボタンがあることです。

数回すばやくクリックすると、適切に選択されます。

これはおそらく、ラジオ ボタンの横のテキストではなく、ラジオ ボタンを直接クリックしているためです。これは、Chrome を含むすべてのブラウザの動作です。

実際の例については、 Twitter Bootstrap の「フォーム」ドキュメントの「チェックボックスとラジオ」セクションを確認してください。

于 2013-02-05T07:34:53.703 に答える