2

iPad を使用している場合、以下のフォームのチェックボックスのラベルをクリックしても、チェックボックスが選択されません。入力がラベル内にあるため、これが発生するはずだと思いました。ありがとう

    <fieldset>
        <label class="form-cont-my-sep first-my"><input type="checkbox" name="checkbox-1" />Any</label>
        <label class="form-cont-my-sep"><input type="checkbox" />1</label>
        <label class="form-cont-my-sep"><input type="checkbox" />2</label>
        <label class="form-cont-my-sep"><input type="checkbox" />3</label>
        <label class="form-cont-my-sep"><input type="checkbox" />4</label>
        <label class="form-cont-my-sep"><input type="checkbox" />5</label>
        <label class="form-cont-my-sep"><input type="checkbox" />6</label>
    </fieldset>
4

4 に答える 4

4

iOS 4 のバグであることが判明しました。これを修正するために空onclickを追加します。fieldset

于 2012-05-14T10:46:30.807 に答える
1

あなたが与えたコードは実際に機能します。

これを行う別の方法は、ID によってラベルとチェックボックスの間の関連付けを作成することです。

これを行うidには、チェックボックスに を追加forし、ラベルの属性で参照します。

<label for="myCheckboxId">Foo</label><input type="checkbox" id="myCheckboxId" />

両方の方法の実際のサンプルを次に示します。

于 2012-05-14T10:30:57.657 に答える
0

タグにを入れると、すべて箱から出してすぐに機能するはずです。この場合、タグに「for」属性は必要ありません。

<label><input type="checkbox" />Any</label>

外側を配置する場合は、'for'属性が必要です。

<label for="myCheckBox">Any</label><input type="checkbox" id="myCheckBox" />

これはHTMLの一部ですが、実稼働サーバーでクリックできないラベルに関する非常に奇妙な問題が発生しています。

これがあなたのケースかどうかはわかりませんが、私の「奇妙なチェックボックスラベルの謎」は次のとおりです。CakePHP1.3と関係があり、FormHelperです。少し手を加えた後、CentOSの「perl互換正規表現」パッケージが非常に古いバージョンであることが問題であることが判明しました。新しいものにアップグレードすると修正されました。パッケージ名は「pcre...」だったと思います。

于 2012-05-14T10:43:00.977 に答える
0

私もこの問題に遭遇しました。私の場合、デザインはカスタムのチェックボックス/ラジオの実装でした。これは、元のチェックボックス/ラジオが完全に隠されていることを意味し、ユーザーが選択を変更する手段がありません。

ラベル内にフォーム要素もありました。上記の Fieldset ソリューションは何もしませんでした。を使用してラベルをフォーム要素にバインドしてfor="<field-id>"も機能しませんでした。

うまくいったのは：

<label onclick="this.querySelector('input').click()">
    <input type="radio" />
</label>
于 2017-05-23T10:33:25.860 に答える